The header section appears on every page of the website. The desktop version features customisable drop-down menus on the left-hand side and on the right-hand side includes icons for viewing user account information, searching the store, and viewing the shopping cart contents. You can also choose to include social icons on the right-hand side in addition to the store-related icons.
On a mobile, the shopping cart icon is retained while the user account, search, and social media icons are hidden. The menu drop-downs are moved to a sidebar menu activated through the mobile menu button ('hamburger' icon). The account functions are included in the sidebar menu, along with the drop-down menus.
In the header section editor, you can edit the following:
This is the area where you can upload and choose how to display your brand's logo.
Upload you store logo. We recommend a logo image with dimensions of 800 x 300px.
Custom Logo Width
Use this slider to adjust the width of your logo. By default this is set to 160px.
Use this to select the menu that will appear on the left side of the header. Note: when menu exceeds max available space, mobile menu button will be shown instead.
Check this box to display the search icon in right side of the header.
These options allow you to display various items in your mobile menu.
Choose an additional menu to be shown under the main menu. You can also opt for the menu to include the search option and whether to also display social media icons. Note: This menu has limited support for dropdown items.
Show the search icon in the sidebar.
Show Social Icons
Show your social icons in the sidebar.
Here you can edit the content of the notice bar at the top of your website. Note that you can only use one block in this section. If you choose to remove this block, the notice bar will be removed entirely.
Show a message to customers at the very top of the header. Message is customisable.