When to use it#
Configure the logo, main menu, account/search/cart controls and optional mega menus.
Set up#
Connect the main menu and choose logo layout. Add a mega-menu or menu-badge block only when needed.
Available from Add section where supported by its template restrictions.
Section settings#
These are schema defaults. Your installed theme or selected preset can use different saved values.
Logo
Text logo#
Used when no logo image is selected. Leave empty to use the store name.
- Control
- text
- Default
- Not set
Logo image#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- image picker
- Default
- Not set
Logo position#
Applies on desktop. On mobile, the logo fits between the menu and utility icons. Choices: Left, Center.
- Control
- select
- Default
- Left
Navigation
Main menu#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- link list
- Default
- main-menu
Utility icons
Show search#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- checkbox
- Default
- On
Show account#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- checkbox
- Default
- On
Show cart#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- checkbox
- Default
- On
Customer account menu#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- link list
- Default
- customer-account-main-menu
Behavior
Sticky header#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- checkbox
- Default
- On
Bottom border
Enable bottom border#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- checkbox
- Default
- Off
Colors
Background color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- #F9F5EF
Text color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- #2C2825
Accent color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- #806042
Header border color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- #F0EAE1
Mobile menu background#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- #F9F5EF
Mobile menu text#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- #2C2825
Bottom border color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- Inherited theme value: settings.colors.background_alt
Spacing
Margins add space outside the section. Padding adds space inside it.
Blocks#
Add, reorder and configure the supported blocks in the editor. Some block types have an individual limit.
Menu badge#
Badge text#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- text
- Default
- New
Badge color#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- color
- Default
- #806042
Mega menu#
Maximum per section: 8.
Main menu item#
Enter the matching top-level label. Matching ignores capitalization and surrounding spaces.
- Control
- text
- Default
- Not set
Enable mega menu#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- checkbox
- Default
- On
Menu#
Optional. Uses the main menu item’s child links when blank. Add an image or select custom navigation to activate this block.
- Control
- link list
- Default
- main-menu
Promotion 1
Image#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- image picker
- Default
- Not set
Heading#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- text
- Default
- Not set
Link#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- url
- Default
- Not set
Promotion 2
Image#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- image picker
- Default
- Not set
Heading#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- text
- Default
- Not set
Link#
Adjust this control in the theme editor and preview the result in the relevant template.
- Control
- url
- Default
- Not set