# Add a banner to mega menu

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

{% embed url="<https://youtu.be/vH1Saf0X_TA>" %}

Enhance your navigation with visual content by adding a banner to a mega menu item. This is useful for promoting sales, new collections, or seasonal campaigns.

## How to add a banner to the mega menu

{% hint style="success" %}
Steps:

1. Select the Header section, click **Add block**.
2. Select block **Banner (Mega menu)**.
3. In the **Menu title** field, type the **exact name** of the main menu item you want this banner to appear under.
4. Make necessary changes.
5. Save.&#x20;
   {% endhint %}

<figure><img src="/files/4v0Bhn6bbuc86iZclPc5" alt=""><figcaption></figcaption></figure>

### ⚙️ Block settings

<table><thead><tr><th width="240">Setting</th><th>What it does</th><th data-hidden></th></tr></thead><tbody><tr><td>Menu title</td><td>Determines which main menu item this banner belongs to. It must exactly match the menu title.</td><td></td></tr><tr><td>Dropdown container</td><td>Inherits padding and layout behavior from the header or can be customized independently.</td><td></td></tr><tr><td>Desktop menu columns</td><td>Defines how many columns are shown in the mega menu. Adjust to ensure your banner layout fits well.</td><td></td></tr><tr><td>Banner image</td><td>Upload an image for your promotion. It will appear at the end of the corresponding mega menu dropdown.</td><td></td></tr><tr><td>Banner link</td><td>Add a destination link when users click on the banner (e.g., to a collection or product page).</td><td></td></tr><tr><td>Banner width (px)</td><td>Set the banner width manually to better fit your mega menu layout.</td><td></td></tr></tbody></table>

### 📝 Pro tips

* If the banner isn’t showing up, double-check the **Menu title** — it must match the main menu item exactly.
* If the mega menu doesn't show after translating, see[Mega menu not working when changing the store languages](/zest-theme/troubleshooting/mega-menu-not-working-when-changing-the-store-languages.md)
* If you want to add multiple banners, use **Custom cards** block instead. Learn more: [Add custom cards to mega menu](/zest-theme/pages-global-sections/menu/add-custom-cards-to-mega-menu.md)


---

# Agent Instructions: 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:

```
GET https://docs.foxecom.com/zest-theme/pages-global-sections/menu/add-a-banner-to-mega-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.