# Mega Menu

A Mega Menu is a stylized submenu that allows you to also add an image to your navigation. It can be used to put more links together and group them in a form of subcategories.

<figure><img src="https://content.gitbook.com/content/PE3dRxQBXFmV7YrNe4E9/blobs/3t4vCvf2nTaRk7TfXjR2/mega-menu.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
The Mega Menu in Palo Alto 4.2.0 works automatically based on two criteria:

&#x20; 1 - If there is an **Image** selected for the submenu, the Mega Menu is enabled.

&#x20; 2 - If there are **third-level links**, the Mega Menu is enabled.
{% endhint %}

{% hint style="warning" %}
**Note:** The Mega Menu is automatically ***disabled*** when the Hamburger navigation is enabled.
{% endhint %}

To add a new Mega Menu you need to click on the **Header** section arrow to expand it after which click on 'Add image'.

<figure><img src="https://content.gitbook.com/content/PE3dRxQBXFmV7YrNe4E9/blobs/vfBgGtC108a2eFzr5KpY/add-image.gif" alt=""><figcaption></figcaption></figure>

Setting up the Mega Menu can be done by accessing the block settings. Here you will find the option to add it under any first-level link in your header as well as the options to add the image.

<figure><img src="https://content.gitbook.com/content/PE3dRxQBXFmV7YrNe4E9/blobs/XXYwmI3ZG7OR5CZCOu7e/image-item.gif" alt=""><figcaption></figcaption></figure>

To get a list of links like the one from our demo you'll need to simply set them up from your navigation menu as standard drop-down menus. You can learn more about this in Shopify's great articles on the topic.

{% embed url="<https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus>" %}