The header holds your logo, navigation, and an optional call-to-action button, with mega menu blocks available for dropdown-style navigation.
Layout
- Desktop layout - Logo left links center, Logo center links left, or Logo top links below. Applies on desktop only; on mobile the logo is always centered.
Logo
- Logo - if left blank, displays your store name as text.
- Logo width
Navigation
- Navigation menu - choose the menu shown in the header. Add mega menu blocks below to give a top-level item a visual dropdown.
Call to action
- Show link as button - only applies to top-level links.
- Menu item - the name of the top-level menu item the button will be added to. For multiple items, separate with a comma.
- Button style - Solid, Outline, or Link.
Styling
- Color scheme
- Show border - the border style and width are set in Theme settings.
Blocks
| Block | What it does |
|---|---|
| Mega menu // auto | Turns a top-level menu item's submenu links into a visual dropdown of image cards, pulled automatically from the linked collection or product. Set the exact Menu item name and an Image ratio. |
| Mega menu // custom | Builds a custom dropdown for a top-level menu item: link columns drawn from its submenu, plus up to three featured cards. Set the Menu item, toggle Show submenu links as column headings, an Image ratio, and up to three featured cards, each with its own image, heading, and link. |
On mobile, navigation collapses into the menu icon automatically; there's nothing extra to configure.