What is the header section?
The Header is a critical section that gives a snapshot of the entire store. As the header is the first thing that a customer sees, it can help create a strong and memorable brand experience. Mode has an innovative mega menu structure, unique announcement bar colors, an intuitive navigation system, and a custom-built account, search and cart icon set.
How to set up the header section
- Open the Theme Editor and click Header.
- In the Header settings there is the option to Enable sticky header. This setting determines how much of the header customers can see as they scroll through the store.
Turning the Enable sticky header on: When customers scroll down the page, the navigation stays until the first section is scrolled past. If the customer continues to scroll, the search, logo and icons are permanently anchored to the top of the page.
Turning the Enable sticky header setting off: The header section will disappear as the customer scrolls past it.
- In the SEARCH settings, there is the option to Enable search.
- There are three cart icons to choose from in the ICONS settings, along with an additional option to Show cart icon label.
How do I set up a mega menu?
Refer to our How to set up the mega menu guide which covers this in more detail.