# 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/jE6RCsJYXWTbLFkvCh7z/blobs/hyb602N1rKvYHRbTRevG/Screenshot_2.jpg" alt=""><figcaption></figcaption></figure>

* **Map Item:** Add the navigation menu name to map item to promo banner
* **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 %}

* **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)**](https://wedesignthemes.gitbook.io/bookly/menu-and-mega-menu/mega-menu-creation-video)
