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

# Menus and the drawer mega menu

> Build the three-level main menu, add menu promos, and set up the footer and account menus.

Gloaming's main menu opens in a drawer from the menu button at the top of every page, on desktop and phones alike.

**1. Build the main menu.** In Online Store, Navigation, edit Main menu in three levels:

* top-level items, such as High jewelry, Jewelry, Bridal and Gifts, form the list in the drawer;
* their children become columns, such as By category;
* the grandchildren become the links in each column, such as Rings or Earrings.

**2. Add menu promos.** In the theme editor select Header and add a Menu promo block. Type the title of a top-level item exactly as it is in Navigation, then add an image, title, text and link. The promo shows beside that item's columns.

![The drawer mega menu](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/guide-mega-menu.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=d34c592244a2373c6a2aba3684a89800)

The drawer mega menu with a menu promo

**3. Finish the drawer.** In the Header section, set the Menu drawer button (for example Book a private viewing to your contact page), a telephone number, and Show country and language selectors if you sell in several markets or languages.

**4. The service link.** Service link, Label and Link add a link beside the account button on tablets and desktops, for example Private viewing.

**5. Footer menus.** Add a Menu block per footer column and choose a menu, such as Client care, The maison and Legal.

**6. Account menu.** The account button is Shopify's own account menu. Choose the menu it shows under Customer account menu (default customer-account-main-menu), and turn on customer accounts in Settings, Customer accounts.

**Collection navigation.** For links between collections above the product grid, create a menu of collection links and choose it under Collection navigation in the Collection section.

## In the theme editor

![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)

1 Header, with Add Menu promo · 2 Menu and Customer account menu · 3 the header in the preview


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