This section deals with the Header Bar tab from the admin and attempts to document all the options available.

Intital Setup

Option Explanation
Enabled Turning this on will make the Header Bar show on your site automatically.
Positioning Specify how you want the button to stick to your page.

Using relative positioning is useful when combined with the shortcode.
Breakpoint This is the width of the screen in pixels at which point you would like the header bar to start showing.

Set to 80000 if you want the menu to appear on all devices.

Ordering

Option Explanation
Order of Header Bar Items Drag the header bar items left and right to re-order how they appear on the front end. You can also click to turn them on or off.

Leaving the relevant options empty below will effectively turn them off.

Logo

Option Explanation
Image Set a logo image for use on the header bar.
Height Set a height for the logo image.
Width Set a width for the logo image.
Alt Text Set the alt text for the logo image.
Link Set a link for the logo image.

Title

Option Explanation
Text Set a text title for use on the header bar.

Content

Option Explanation
HTML Content This section allows you to put any custom HTML, shortcodes, text or anything you like to the header bar.

It’s particularly useful if you have social media icons, shopping cart information or anything else custom to your site.

HTML and shortcodes can be used here.

Text

Option Explanation
Font Set the font for the header bar text. The font must already be installed as part of your theme or a browser inbuilt one.

For example “Open Sans”.
Font Size Set the text size of the header bar and it’s unit.

Sizing

Option Explanation
Height Set the height of the header bar and it’s unit.
Adjust Page Turning this on will automatically adjust your page to bring the content down inline with the header bar.

Colors

Option Explanation
Background Set the background colour for the header bar.
Text Set the text colour for the header bar text.