# Mega menu with Promo Banner

The **Promo Banner** feature allows you to display **promotional banners** within a **megamenu**, enhancing navigation with visual content such as **special offers, featured products, or announcements**.

{% hint style="success" %}
* **Go to** Shopify Admin > **Online Store > Themes**.
* Click **Customize** on your active theme.
* Navigate to **Header Section >Add block > Add Promo Banner**.
* Configure the settings as needed.
{% endhint %}

<figure><img src="https://content.gitbook.com/content/GspUBn9tyaylipOBmC4k/blobs/CCmNjFoVInDI9gjgeXV1/swsswa.png" alt=""><figcaption></figcaption></figure>

* **Map Item:**  Add the [navigation menu](../header-group/navigation-menu) name to map item to promo banner&#x20;
* **Column Style:** You can select the column layout based on the theme requirements. Available options include (**3, 4, 5, 6, and 1:1:2 columns.)**
* **Row Reverse:** Enable to **swap the row order** of banners and text in promo banner of the megamenu.

{% hint style="info" %}
Each column can include an image, heading, button, and link add as require to the theme.
{% endhint %}

* &#x20;**Image** :Upload the image to the banner
* **Heading:** Add a title.
* **Button:** Customize button text.
* **Link:** Add a destination URL.
* **(**[**Ref : Mega menu creation-video)**](mega-menu-creation-video)

<figure><img src="https://content.gitbook.com/content/GspUBn9tyaylipOBmC4k/blobs/h13vvgDgHD95xXH8rtxl/Promo-banner.jpg" alt=""><figcaption></figcaption></figure>
