> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Header

> The logo, the menu button that opens the drawer mega menu, search, a service link such as Private viewing, the account button and the bag.

![Header on the storefront](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/header.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=3296917d3292a93293d4a0f1d162440e)

Header, highlighted with the demo content

## Where to find it

Every page. In the theme editor open any page, then select Header in the Header group of the sidebar.

## How it works

* The logo sits in the middle. The menu button and search are at the start, and the service link, account and bag at the end. In right-to-left languages the sides swap.
* The menu button opens a drawer mega menu from the side. Top-level menu items form the list, their children become columns, and the grandchildren become the links in each column.
* A Menu promo block shows a picture card beside one top-level item in the drawer, for example a featured ring beside Bridal.
* The drawer can end with a button (for example Book a private viewing), a telephone number and the country and language selectors.
* With Float over the first section on the home page on, the header sits over the Hero film and turns solid once the shopper scrolls.
* With Keep the header in view while scrolling on, the header stays at the top of the screen.
* The account button is Shopify's own account menu. It offers Sign in with Shop and shows the Customer account menu once a customer is signed in.
* The search button opens a search panel with popular searches and live suggestions. See [Search suggestions](https://docs.kwebby.com/gloaming/sections/search-suggestions.md).
* When the Spin wheel section is on, a link to the wheel appears in the menu drawer.

![Header in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/editor-header.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=b986745865710dc8d9b6c4b820b0d219)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Choose the menu under Menu. Build it in Online Store, Navigation, with three levels: items, columns and links.
* Add a Menu promo block, type the top-level item title exactly as it appears in Navigation (for example Bridal), then add an image, title, text and link.
* Fill in Service link, Label and Link, for example Private viewing linked to your contact page. It shows on tablets and desktops.
* Fill in the Menu drawer button label, button link and telephone number. Your contact page works well as the link: appointments are requests, not bookings.
* Turn on Show country and language selectors in the drawer if you sell in more than one market or language.
* Upload the logo and set its width in Theme settings, Logo and favicon.

## Settings

| Setting | What it does |
| - | - |
| **Menu** | Choose a menu. Top-level items form the drawer list. Their children become columns, and grandchildren the links in each column. Default: main-menu. |
| **Customer account menu** | Choose a menu. The menu in Shopify's account button. Customer accounts must be turned on in Settings, Customer accounts. Default: customer-account-main-menu. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Keep the header in view while scrolling** | On or off. Default: on. |
| **Float over the first section on the home page** | On or off. Applies when the home page opens with the Hero film section. The header turns solid once the shopper scrolls. Default: on. |
| **Show search** | On or off. Default: on. |

**Service link**

| Setting | What it does |
| - | - |
| **Label** | Text. Shown beside the account button on tablets and desktops. Default: Private viewing. |
| **Link** | Link: a page, product, collection or web address. |

**Menu drawer**

| Setting | What it does |
| - | - |
| **Button label** | Text. Default: Book a private viewing. |
| **Button link** | Link: a page, product, collection or web address. Your contact page works well: appointments are requests, not bookings. |
| **Telephone number** | Text. |
| **Show country and language selectors** | On or off. Default: off. |

## Blocks

Up to 12 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Menu promo

| Setting | What it does |
| - | - |
| **Menu item** | Text. The title of the top-level menu item to show this beside, for example Bridal. |
| **Image** | Image: upload one or choose from Content → Files. |
| **Title** | Text. |
| **Text** | Text. |
| **Link** | Link: a page, product, collection or web address. |

> [!NOTE]
>
> The account button only shows when customer accounts are turned on in Settings, Customer accounts.
>
> The header logo is never a heading. On the home page the main heading is the Hero film title.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.