Header
Section class: section-header
Supported blocks
_mega_menu_mega_blog_searchbar
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Sticky header | enable_sticky | checkbox | true | |
| Transparent on banner | transparent_on_banner | checkbox | true | |
| Always solid on templates | solid_on_templates | text | product, cart, search, 404 | Comma separated template names that have no banner below the header, so the header keeps a white background. Example: product, cart, search, 404 |
| Logo height (desktop) | logo_height_desktop | range | 48 | |
| Logo height (mobile) | logo_height_mobile | range | 32 | |
| Container padding classes | padding_classes | text | py-4 px-6 | Padding classes for the header container. Tailwind only (e.g. py-4 px-6). Spacing scale: 0-10, plus 15 and 20. |
| Zone order (desktop) | layout_order | text | logo,menu,icons | Comma-separated zone order. Values: logo, menu, icons |
| Center zone alignment (desktop) | center_alignment | text_alignment | left | |
| Icon order (desktop) | icons_order | text | currency,language,contact,account,search,cart | Comma-separated icon order on desktop. Available: currency, language, contact, email, account, search, cart, facebook, twitter, instagram, linkedin, pinterest, tiktok, youtube, whatsapp, vimeo, twitch, threads, discord, mastodon, snapchat, spotify, wechat |
| Show desktop navigation | enable_desktop_menu | checkbox | true | |
| Main menu | main_menu | link_list | main-menu | |
| Customer account menu | customer_account_menu | link_list | Links shown inside the <shopify-account> sheet once the component can load them. Leave it empty (default) to use the component's built-in Orders and Profile links, which also keeps the browser console free of shopify-account menu errors. | |
| Show cart count badge | show_cart_count | checkbox | true | |
| Show country flags on currency | show_currency_flags | checkbox | false | When on, the currency dropdown renders a national flag (emoji) before each option and the current selection. |
| Show country name on currency | show_country_name | checkbox | false | When on, the currency dropdown shows the country name before the currency, e.g. United States $ USD. |
| Show country flags on language | show_language_flags | checkbox | false | When on, the language dropdown renders a national flag (emoji) before each option and the current selection. |
| Zone order (mobile) | mobile_layout_order | text | logo,icons,menu | Comma-separated zone order for mobile. Values: logo, icons, menu |
| Center zone alignment (mobile) | mobile_center_alignment | text_alignment | center | Alignment of the icons zone on mobile. Outputs: justify-start / justify-center / justify-end |
| Icon order (mobile) | icons_order_mobile | text | account,search,cart | Comma-separated icon order on mobile. Order here controls sequence between logo and menu button. Available: currency, language, contact, email, account, search, cart, facebook, twitter, instagram, linkedin, pinterest, tiktok, youtube, whatsapp, vimeo, twitch, threads, discord, mastodon, snapchat, spotify, wechat |
| Footer icons (Mobile overlay) | mobile_footer_icons | textarea | facebook,twitter,instagram | Comma-separated items shown in the overlay footer bar. A lone dash (-) between items — or pressing Enter for a new line — starts a new row. Leave empty to inherit from Icon order (mobile). Available: currency, language, contact, email, account, search, cart, facebook, twitter, instagram, linkedin, pinterest, tiktok, youtube, whatsapp, vimeo, twitch, threads, discord, mastodon, snapchat, spotify, wechat |
| Contact title (optional) | contact_title | text | HOW CAN WE HELP? | |
| Contact email (leave empty to hide) | contact_email | text |
Presets
- Header
💡 Edit via Shopify Admin → Online Store → Themes → Customize.