> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop/header-group/menu-and-mega-menu.md).

# Menu & Mega Menu

The **Mega Menu** in Shopify allows you to create an **advanced navigation system** with multiple columns, images, and content types, improving user experience and accessibility.

{% hint style="success" %}

1. **Go to** Shopify Admin > **Online Store > Themes**.
2. Click **Customize** on your active theme.
3. Navigate to **Header Section > Add Block**
4. To enable the **mega menu option**
   {% endhint %}

### [**Promo Banner Menu**](/lollipop/header-group/menu-and-mega-menu/promo-banner.md) <a href="#promo-banner-menu" id="promo-banner-menu"></a>

* Adds **large promotional banners** to the megamenu.
* Includes **headings, buttons, and links** for each banner.
* Recommended image size: **400 x 400 px**.

### [Menu with banner](/lollipop/header-group/menu-and-mega-menu/menu-with-banner.md)

* Displays **multiple promotional images** within the megamenu.
* Ideal for **highlighting offers, featured collections, or seasonal promotions**.
