# Header settings

Source: https://themes.spicydesign.ca/help/reference/global/header/
Updated: 2026-11-12

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


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.


## Settings

### Navigation

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

### Layout

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

### Search, account and cart

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

### Section style

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