All docs

Navigation & Layout

Header

Section handle: header

Settings

Layout

SettingTypeDefaultDescription
Mega menu widthDropdowncontainedDesktop dropdowns only. Contained matches the page width; Full width spans the whole screen. · Options: contained – Contained, full – Full width

Content

SettingTypeDefaultDescription
MenuMenu / Link listmain-menuNavigation across the top of the header on desktop. Items with sub-links, or with a Menu panel block, open a dropdown. Phones and tablets use the Menu panel's own menu.
Customer account menuMenu / Link listcustomer-account-main-menuLinks shown in the account menu for signed-in customers. Used only when customer accounts are turned on.

Style

SettingTypeDefaultDescription
Utility styleDropdowniconsDesktop header only. Phones always use icons. · Options: icons – Icons, icons_labels – Icons with labels, labels – Labels only

Blocks

Maximum blocks: 12

Mega menu panel

Block type: mega_menu_panel

SettingTypeDefaultDescription
Menu item position (1 = first)Text1Which top-level item in the header menu this dropdown belongs to. 1 is the first item.
EyebrowText—Small label above the dropdown heading. Leave empty to hide.
Heading (one line per row)Multi-line text—Leave empty to use the menu item's name.
DescriptionMulti-line text——
View all labelText—Text of the link to the menu item's own page. Leave empty to use the menu item's name.
View all meta textText—Short extra text beside the View all link, such as a product count. Screen readers skip it.
Routes eyebrowText—Small label above the list of sub-links. Shows only when the menu item has sub-links.
Feature productProduct—Adds a product card to this dropdown.
Feature badge labelText—Badge on the feature product's card. Only used when a feature product is set.