| Layout | | | | |
| Desktop header layout | desktop_layout | Dropdown | logo-above-menu-center | Options: Logo left, menu left, Logo left, menu center, Logo left, menu right, Logo above, menu center, Logo center, menu left. |
| Mobile header layout | mobile_layout | Dropdown | logo-center | Options: Logo center, menu left, Logo left, menu right. |
| Sticky header | sticky | Dropdown | scroll-up | Options: Never, Always, On scroll up. |
| Make section full width | full_width | On/off | Off | |
| Logo | | | | |
| Logo | logo | Image | | |
| Logo width (desktop) | logo_width | Slider | 160 | Range: 60–320 step 10. |
| Logo width (mobile) | logo_width_mobile | Slider | 110 | Range: 60–240 step 10. |
| Logo text | logo_text | Text | | Only shown when no logo image is set. |
| Logo text size | logo_text_scale | Dropdown | medium | Options: Small, Medium, Large. |
| Make the logo an H1 on the home page | logo_is_h1 | On/off | Off | Leave off if a home page section already contains a primary page heading. |
| Search | | | | |
| Enable hamburger menu (desktop) | enable_hamburger_menu | On/off | Off | Replaces the horizontal nav with a hamburger icon that opens a slide-out drawer, on desktop too, not only mobile. |
| Enable search | enable_search | On/off | On | |
| Minimise search on desktop | minimise_search_desktop | On/off | Off | Collapses the search bar to an icon. |
| Search category dropdown | search_category_source | Dropdown | collections | Options: Collections, Product types, Custom menu, None. |
| Search category menu | search_category_menu | Menu picker | main-menu | Used when the dropdown is set to Custom menu. |
| Navigation | | | | |
| Menu | menu | Menu picker | main-menu | |
| Dropdown menu trigger | dropdown_trigger | Dropdown | hover | Options: Hover, Click. |
| Customer account menu | customer_account_menu | Menu picker | customer-account-main-menu | |
| Navigation bar | | | | |
| Controls the menu row on its own. Leave colors empty to match the header bar above it. | | | | |
| Navigation bar background color | nav_bg | Color | | Setting a color makes the menu row a full-width band. |
| Navigation bar text color | nav_text | Color | | |
| Navigation bar hover color | nav_accent | Color | | Used for link hover and the current page. Defaults to the header accent. |
| Navigation bar padding | nav_padding | Slider | 0 | Range: 0–32 step 2. |
| Space between menu items | nav_gap | Slider | 24 | Range: 8–64 step 2. |
| Menu highlight | | | | |
| Enable menu highlight | enable_highlight | On/off | Off | |
| Highlighted menu items | highlight_menus | Multi-line text | | Enter menu item names exactly, one per line. |
| Highlight style | highlight_style | Dropdown | accent | Options: Outline, Underline, Accent color. |
| Menu label | | | | |
| Labeled menu items | label_menus | Multi-line text | | Enter menu item names exactly, one per line. |
| Label text | label_text | Text | | e.g. New, Sale, Hot |
| Label position | label_position | Dropdown | aside | Options: Above, Aside. |
| Label icon | label_icon | Text | none | Enter an icon name, or 'none'. |
| Call to action | | | | |
| Show call to action | show_cta | On/off | Off | |
| Icon | cta_icon | Text | truck | Enter an icon name, or 'none'. |
| Label | cta_label | Text | Order Tracking | |
| Link | cta_link | Link | | |
| Border color | cta_border | Color | | |
| Background color | cta_bg | Color | | |
| Text color | cta_text | Color | | |
| Store locator | | | | |
| Show store locator | show_store_locator | On/off | Off | |
| Label | store_locator_label | Text | Our Physical Stores | |
| This opens the store selector. Add your stores and their details, images and links in the Store selector section of this header group. | | | | |
| Language and currency | | | | |
| Show language selector | show_language_selector | On/off | On | |
| Show currency selector | show_currency_selector | On/off | On | |
| Show social icons in menu drawer | show_social_icons | On/off | On | |
| Header colors | | | | |
| Leave a color empty to inherit it from the theme palette. An empty header background makes the bar transparent. | | | | |
| Header background color | color_header_bg | Color | | |
| Header text color | color_header_text | Color | | |
| Header accent color | color_header_accent | Color | | Used for link hover, the current page and the cart count. |
| Sticky header background color | color_header_sticky_bg | Color | | Used once the header sticks on scroll. Defaults to the header background. |
| Menu colors | | | | |
| Desktop menu background color | color_menu_bg | Color | | |
| Desktop menu text color | color_menu_text | Color | | |
| Mobile menu background color | color_drawer_bg | Color | | |
| Mobile menu text color | color_drawer_text | Color | | |
| Desktop spacing | | | | |
| Show section divider | divider_desktop | On/off | On | |
| Top padding | padding_top | Slider | 16 | Range: 0–60 step 2. |
| Bottom padding | padding_bottom | Slider | 12 | Range: 0–60 step 2. |
| Mobile spacing | | | | |
| Show section divider | divider_mobile | On/off | On | |
| Top padding | padding_top_mobile | Slider | 10 | Range: 0–40 step 2. |
| Bottom padding | padding_bottom_mobile | Slider | 10 | Range: 0–40 step 2. |