Header settings
General
| Setting | Description |
|---|---|
| Color scheme | Color scheme applied to the header bar. Schemes are managed in Theme settings → Colors; use Edit scheme to jump there. Default: Scheme 4. |
| Sticky header | Controls whether the header stays visible while customers scroll. Always keeps it pinned to the top. On scroll up hides it while scrolling down and shows it again when scrolling up. Never lets it scroll away with the page. Default: Always. |
Navigation
| Setting | Description |
|---|---|
| Menu | Navigation menu shown in the header. Menus are created and edited in Shopify admin → Content → Menus. Mega menus are configured with the Mega menu blocks added under the Header section. |
| Menu position | Where the menu sits relative to the logo: Left, Center or Bottom (a separate row under the logo). Default: Left. |
| Menu align | Horizontal alignment of the menu: Left, Center or Right. Available only when Menu position is Center. Default: Center. |
| Menu item font size | Font size of the top-level menu items: Large, Medium or Small. Default: Medium. |
| Submenu color scheme | Color scheme applied to dropdown submenus and mega menu panels. Schemes are managed in Theme settings → Colors. Default: Scheme 4. |
Customer
| Setting | Description |
|---|---|
| Customer account avatar | Shows the customer’s avatar in the header account icon. Visible only when customers are signed in with Shop. Customer accounts are managed in Shopify admin → Settings → Customer accounts. Default: On. |
Search
| Setting | Description |
|---|---|
| Show search icon | Shows the search icon in the header. Clicking it opens the search modal. Default: On. |
| Color scheme | Color scheme of the search modal. Available only when the search icon is shown. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
Mobile layout
| Setting | Description |
|---|---|
| Logo position on mobile | Aligns the logo to the Left or Center of the header on mobile. Default: Center. |
| Menu color scheme | Color scheme of the mobile menu drawer. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
| Social media icons | Shows social media icons in the mobile menu. Accounts are managed in Theme settings → Social media. Default: Off. |
| Social icons size | Size of the social icons. Available only when social icons are shown. Range: 24–76 px. Default: 40 px. |
| Icon style | Card places each icon on a filled card; Standard shows the icon alone. Available only when social icons are shown. Default: Card. |
Country/region selector
Countries and currencies are added in Shopify admin → Settings → Markets. These settings are displayed in the mobile menu.
| Setting | Description |
|---|---|
| Enable country/region selector | Shows the country/region selector in the mobile menu. The settings below appear only when this is on. Default: On. |
| Show country name | Shows the country/region name in the selector. Default: On. |
| Show currency ISO code | Shows the currency code (for example USD) in the selector. Default: On. |
| Show currency symbol | Shows the currency symbol (for example $) in the selector. Default: On. |
Language selector
Languages are added in Shopify admin → Settings → Languages. These settings are displayed in the mobile menu.
| Setting | Description |
|---|---|
| Enable language selector | Shows the language selector in the mobile menu. Default: On. |
Padding
| Setting | Description |
|---|---|
| Top | Space above the header content on desktop. Range: 0–40 px, step 1. Default: 0 px. |
| Bottom | Space below the header content on desktop. Range: 0–40 px, step 1. Default: 0 px. |
| Top mobile | Space above the header content on mobile. Range: 0–40 px, step 2. Default: 0 px. |
| Bottom mobile | Space below the header content on mobile. Range: 0–40 px, step 2. Default: 0 px. |