Header

Overview

Global site header rendered as a header tag. Controls navigation menu, logo, search drawer, account icon, and cart icon. Supports sticky/scroll-reveal behavior and a full-viewport overlay for transparent hero headers. No blocks — all configuration is at the section level.


Setting Description
Menu Navigation link list to render. Default: main-menu.
Size Menu link text size. Default: Medium.
Weight Menu link font weight. Default: Normal 400.
Case Menu link text transform. Default: Capitalize.
Font family Menu link typeface. Default: Default. Options include Heading font.
Color Menu link color preset. Default: Default. Options include Headings.

Logo Settings:

Setting Description
Logo Image picker for the site logo.
Desktop width Logo width on desktop. Default: 130px.
Mobile width Logo width on mobile. Default: 90px.

Search Settings:

Setting Description
Enable search Show the search icon and drawer. Default: Enabled.
Search label Placeholder label shown in the search input. Default: Search.
Enable predictive search Show live suggestions as the user types. Default: Enabled.
Default products Up to 4 products shown before the user types.
Default collections Up to 4 collections shown before the user types.

Account Settings:

Setting Description
Show account Display the account icon in the header. Default: Enabled.

Cart Settings:

Setting Description
Show cart Display the cart icon in the header. Default: Enabled.
Cart label Text label shown alongside the cart icon. Default: Bag.

Layout Settings:

Setting Description
Show overlay Render header transparent over the first section. Default: Enabled.
Scroll behavior Controls when the sticky header appears. Default: On Scroll. Options: None, On Scroll, On Scroll Up.
Container Default: Container Fluid.
Container size Default: 100%.
Color scheme Default: Scheme 1.

Inner Spacing:

Setting Desktop Default Mobile Default
Top 18px 14px
Bottom 18px 14px
Left 24px 16px
Right 24px 16px

Outer Spacing:

Setting Desktop Default Mobile Default
Top 0px 0px
Bottom 0px 0px
Left 0px 0px
Right 0px 0px
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us