> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/menu-drawer.md).

# Menu Drawer

The slide-out navigation panel that opens when a visitor taps the burger menu icon. Primarily used on mobile, but also available on desktop depending on your navigation layout. Supports multi-level menus, newsletter signup, social links, contact info, and more.

<figure><img src="/files/o3dgqG2BBZ1j7eG3K5Ji" alt=""><figcaption></figcaption></figure>

***

### How to find

**Theme Editor → Menu Drawer** (listed below the Footer group, outside any group)

{% hint style="success" icon="sparkles" %}
To display the Menu Drawer, add a **Burger menu** block in the **Mobile Header**, **Header**, or **Sidebar** section. Without it, visitors won't have a way to open the drawer.
{% endhint %}

***

### Settings

| Setting      | What it does                                                                                                                                 |
| ------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
| Position     | Open the drawer from the **Left** or **Right** side of the screen                                                                            |
| Heading      | Text displayed at the top of the drawer (e.g., "Menu")                                                                                       |
| Pinned block | Pin a specific block to the bottom of the drawer so it stays visible while scrolling — useful for **Country and language** or **Newsletter** |

<figure><img src="/files/F0hT9Wd6ZHDFTYmnWVuh" alt=""><figcaption></figcaption></figure>

***

### Blocks

The Menu Drawer supports the following blocks:

<table data-search="false"><thead><tr><th>Block</th><th>What it adds</th></tr></thead><tbody><tr><td>Search</td><td>Search field at the top of the drawer</td></tr><tr><td>Main menu</td><td>Primary navigation menu with expandable submenus</td></tr><tr><td>Secondary menu</td><td>Up to 5 separate link lists, each with its own heading</td></tr><tr><td>Country and language</td><td>Country and language selector</td></tr><tr><td>Text</td><td>Rich text — store description, brand message, or any custom content</td></tr><tr><td>Social media</td><td>Social media icon links</td></tr><tr><td>Newsletter</td><td>Email signup form</td></tr><tr><td>Menu item image</td><td>Image next to a specific menu item</td></tr><tr><td>Nested menu</td><td>Images for child menu items</td></tr><tr><td>Empty space</td><td>Visual spacer between blocks</td></tr></tbody></table>

<figure><img src="/files/fIuP039FdoiQJPDavy1r" alt=""><figcaption></figcaption></figure>

### **Worth knowing**

**Highlight menu items** — in the Main menu block, enter item names (comma-separated) to display them in an accent color. A simple way to draw attention to "Sale" or "New" links without any code.

**Secondary menu** — handy for organizing footer-style links (Help, About, Policies) right inside the drawer, so visitors don't have to scroll to the footer.

**Menu item image** + **Nested menu** — turn a plain text menu into a visual category browser. Menu item image highlights a single item with an image; Nested menu adds images to all child items within a dropdown.

<figure><img src="/files/rTzUzYXyKp6GxipIF5DT" alt=""><figcaption></figcaption></figure>

**Newsletter** — visitors who open the menu see the signup form without navigating anywhere. Low-friction way to grow your email list.

**Pinned block** — remember the Pinned block setting above? Pin **Country and language** or **Newsletter** to the bottom of the drawer so it stays visible while scrolling through a long menu.

<figure><img src="/files/j3bGe18gsuMeK4EOAcgO" alt=""><figcaption></figcaption></figure>

***

#### Related

* [Header](/docs/avante-themes/global-sections/header-and-navigation/header.md) — desktop navigation
* [Mobile Header](/docs/avante-themes/global-sections/header-and-navigation/mobile-header.md) — burger menu icon is configured here
* [Main Sidebar](/docs/avante-themes/global-sections/sidebar-navigation/main-sidebar.md) — alternative full-time navigation panel


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/menu-drawer.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.