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. |