Use the options from the "Desktop" drop-down to change the look and feel of the Header section. Choose one of the pre-design types to change the layout of the first Header line:
"In one line": "Logo left", "Logo center", "Logo and menu left", "Menu center", and "Menu and logo center".
"In two lines": "Logo left" and "Logo center".
In the following examples, you can view some of the header types:
Logo on the left and the Main menu with the header buttons on the right
Centered logo with the Main menu on the left and header buttons on the right
Logo and Main menu on the left with the header buttons on the right
Logo and Main menu underneath on the left with header buttons on the right
Centered Logo and Main menu underneath with the header buttons on the right, and the search icon moved to the left
The "Mobile" picker includes options to change the logo position to "Logo left" or "Logo center".
Sticky effect
Note! The sticky header works on all pages except for the "Products" and "Collections" pages.
Use the options described below to configure the sticky header view on the desktop.
In the "Type" drop-down, one can specify whether to display the sticky header while scrolling down or up from the bottom of the page by selecting one of the required options:
"Full section". This option ensures the entire header is displayed according to the header type used in the "Type on large screens" drop-down and the number of menus applied in the "Header" section.
"Text menu". Use the option to display the Secondary navigation menu with the Logo in the sticky header, avoiding showing the "Icons menu".
Enable on mobile
Activate the option to show the sticky header on mobile.
Hide when scrolling down
This option disables the sticky header when scrolling down on all screen sizes. However, the feature still works when scrolling up.
