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. |