Skip to content

Header settings

Your theme

Floating pill or full bar header, sticky modes, mega menu with promo, search dialog, mobile drawer.

Where to find it: Open the theme editor, then select Header in the Header group at the top or bottom of the page. The header group sits at the top of every page.

Setting Type Default Options Notes
Main menu Menu main-menu
Main menu style Select Large dropdown menu Dropdown, Large dropdown menu The large dropdown menu shows second-level links in the heading font across the full width.
Open main menu on hover Checkbox On
Font Select Body Heading, Accent, Body
Large dropdown menu image Image Appears beside the links in every large dropdown menu. Shown when Main menu style is Large dropdown menu.
Image caption Text Shown when Main menu style is Large dropdown menu.
Image link Link Shown when Main menu style is Large dropdown menu.
Setting Type Default Options Notes
Maximum logo height Slider 48 px 24 to 120 px, step 4 Sets the size of portrait and square logos. The width in the Logo and favicon theme settings usually sets the size of landscape logos.
Logo position Select Left Left, Center
Main menu alignment Select Center Left, Center, Right Shown when Logo position is Left.
Bar width Select Full page width Fit content, Full page width
Space above the bar Slider 16 px 0 to 40 px, step 4
Sticky behavior Select On scroll up Always, On scroll up, Never
Home page style Select Floating over the first section Above the content, Floating over the first section, Transparent until scrolling Floating and transparent place the header over the first section of the home page.
Setting Type Default Options Notes
Show as Select Icons Icons, Text labels
Show search Checkbox On
Quick links in search Menu main-menu Search shows these links before the customer starts typing. Choose a menu other than the main menu to show them. Shown when Show search is on.
Customer account menu Menu customer-account-main-menu Appears in the account sheet that opens from the account icon.
Show country/region selector Checkbox Off
Show language selector Checkbox Off
Button label Text
Button link Link
Setting Type Default Options Notes
Color scheme Color scheme Scheme 1
Main menu color scheme Color scheme Scheme 3 Applies to the large dropdown menu and the full-screen menu on mobile.
Transparent state colors Color scheme Scheme 3 The header uses the text color of this scheme until the customer scrolls. Shown when Home page style is Transparent until scrolling.