> 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/volume-themes/navigation/mega-menu.md).
# Mega Menu
Set up expanded dropdown menus with banners in the Volume header: add a Mega menu block per item, configure columns, dividers, and promotional banners.
To display **nested menu items** as an **expanded menu with banners**, use the **Mega menu** block in the **Header** section.
For each menu item containing nested items, add a separate **Mega menu** block and fill in the **Dropdown link** field with the name of the dropdown item.
If two different menus in your store contain items with the **same name**, also fill in **Menu handle**: go to **Shopify admin → Content → Menus**, open the menu that contains the item, and copy that menu's **Handle**.
***
### Mega menu customization options
* **Columns** — 1 to 6 (4 by default).
* **Show dividers**, **Show top line** and **Show overlay** — all on by default.
* **Vertical content alignment** and **Horizontal link alignment**.
* Under **First nested** and **Second nested** — **Link style**, **Uppercase** and **Make font bolder**, set separately for each of the two nested levels.
* Under **Banners** — **Swap banners position**, then **Banner 1** to **Banner 6**, each with its own image, link, text and **Banner size**.
* A separate **Color scheme** for the mega menu and for the banners.
Additionally, you can display **only banners** for a menu item without nested items.
{% hint style="success" icon="lightbulb" %}
To make a menu item stand out, enter its name in the **Highlight menu items** field in the **Header** section. Separate several names with commas.
{% endhint %}
{% hint style="warning" %}
Column headings in a mega menu are always links — there is no setting to make them non-clickable. See [**Can I make the mega menu column headings non-clickable?**](/docs/volume-themes/faq/navigation-and-header/can-i-make-the-mega-menu-column-headings-non-clickable.md)
{% endhint %}
***
### Mega Menu Short
The **Mega menu short** block is set up the same way as **Mega menu**, but has a **narrower width**.
***
### Mega menu in the Announcement bar
The **Mega menu** block is also available in the **Announcement bar** section, so a menu placed there can use the same expanded dropdowns. See [**Announcement Bar & Footer**](/docs/volume-themes/navigation/announcement-bar-and-footer.md).
---
# 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 by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
GET https://staylime.com/docs/volume-themes/navigation/mega-menu.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
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.
