About this section
Your logo, menu, search, account, cart and the light/dark switch. It can stay visible as visitors scroll, and holds the mega menu and its promos.
How to add itAlready on the page it belongs to
Where it can goHeader
Settings27 · 3 block types
Good to know: Choose Mega menu for a big catalog, Dropdown for a short menu, or Drawer to keep everything behind a button.
Settings
| Setting | Type | What it does |
|---|
| Dark mode logo image | Image | Optional. Shown instead of the logo when the store is in dark mode. Use a light-colored version. Choose an image from your files. |
| Dark mode mobile logo image | Image | Optional. Dark mode version of the mobile logo. Choose an image from your files. |
| Logo animation | Choice | The logo image moves a little: it is drawn in when the page opens, or a band of the accent color passes through it every few seconds. Not shown to visitors who prefer reduced motion. Choose None, Draw in once, Shimmer. None to start. |
| Desktop logo width | Slider | From 50 to 300 px, 90 px to start. |
| Mobile logo width | Slider | From 50 to 250 px, 90 px to start. |
| Logo position | Choice | Choose Top left, Top center, Middle left, Middle center. Middle left to start. |
| Mobile logo position | Choice | Choose Center, Left. Center to start. |
| Preview collections on hover | On / off | Pointing at a menu link to a collection shows its first products. Desktop only. On by default. |
| Separator line | On / off | On by default. |
Color
| Setting | Type | What it does |
|---|
| Color scheme | Color scheme | One of the colour schemes from Theme settings → Colors. |
Utilities
| Setting | Type | What it does |
|---|
| Show light and dark mode switch | On / off | Lets customers switch between the dark and light palettes set in Theme settings > Brand colors. On by default. |
| Show quick links and recent searches | On / off | Shown when the search opens, before anything is typed: the links in the header’s menu, and the shopper’s recent searches, which stay in their own browser. On by default. |
| Country/region selector | On / off | Manage countries/regions (in your Shopify admin). On by default. |
| Language selector | On / off | Manage languages (in your Shopify admin). On by default. |
| Customer account avatar | On / off | Only visible when customers are signed in with Shop. Manage customer accounts (in your Shopify admin). On by default. |
Spacing
| Setting | Type | What it does |
|---|
| Bottom margin | Slider | From 0 to 100 px, 0 px to start. |
Padding
| Setting | Type | What it does |
|---|
| Top | Slider | From 0 to 36 px, 20 px to start. |
| Bottom | Slider | From 0 to 36 px, 20 px to start. |
| Setting | Type | What it does |
|---|
| Carousel heading | Text | — |
| Rotate slides automatically | On / off | Paused while a visitor is interacting, and off entirely for visitors who prefer reduced motion. On by default. |
| Seconds per slide | Slider | From 3 to 10 s, 5 s to start. |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Apps
App blocks from apps you have installed can be added here.
