The header is the main navigation area of your store, displaying the logo, menu, account icon, language, and region selectors. You can customize its layout, colors, menu behavior, and how it appears on desktop and mobile.
The header includes several layout and display options that you can configure directly in the theme settings. Below are the key options supported by this theme.
Go to Desktop logo position and choose the layout you prefer.
This setting controls how the logo and navigation menu are arranged on desktop.
Example: To place the logo in the center with menu items on both sides (or inline):
→ Select Logo center, menu inline.
It displays a small arrow icon next to menu items that have submenus, helping customers easily identify which items can be expanded.
Menu: The main menu displayed on desktop.
Mobile menu:
If you do not select a Mobile menu, the header automatically uses the same Main menu as desktop.
→ Only select a Mobile menu when you want a different menu for mobile devices.
Yes. Enable them directly in the Header settings:
Enable country/region selector
Enable language selector
Note: Markets & Languages must be configured in Shopify Admin for them to display.
Enable Show avatar in the header.
Avatar only appears when the customer is logged in Shop.
Customers must meet Shopify’s requirements
A sticky header stays visible at the top while the user scrolls.
Modes: None · On scroll up · Always
(Optional) Enable Glass sticky header for a frosted effect.
A transparent header makes the header background fully see-through over the first section.
Note: Works only with Hero/Slideshow sections
Next, to create a submenu under the header, please refer to this documentation. (we will insert document Mega Menu soon)