# Setup Dropdown / Advanced Mega Menu

## How to create multi-level dropdown menu?

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FC1FEu4qHldCzdS0oQm1i%2Fdropdown-menu-demo.gif?alt=media\&token=6b631897-9b1e-4cd3-958d-8b705ad1ce8f)

1. From your Shopify admin, go to **Online Store** **->** **Navigation**.
2. Click the title of your main menu.
3. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header. If you don't want the header to link to anything, then you can enter `#` in the **Link** field when you add the menu item.
4. Add menu items to include in the new drop-down menu. Click **Add menu item**, enter the name of the menu item, and enter or select a destination for the link.
5. Click and drag the menu items to nest below the header item.
6. Click **Save menu**.

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FKs8hHSnYvxzeIGd6h5Tk%2Fdropdown-menu.gif?alt=media\&token=8d57dfab-f942-4c04-b75e-9c6b738e8302)

{% hint style="info" %}
For more information, see [Shopify Navigation Tutorial 2018 How to Create Drop Down Menus](https://www.youtube.com/watch?v=B_b0KEEa9sY).
{% endhint %}

## How to setup Mega menu?

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FPoPjjg7Ef3ZlblLgn6ym%2Fmega-menu-demo.gif?alt=media\&token=ff6005c6-9ae4-4596-8c83-cc493849b265)

1. To show mega menu layouts, you need to [create multi-level dropdown menu](#how-to-create-multi-level-dropdown-menu) first.
2. From your Shopify admin, go to **Online Store** -> **Themes**.
3. Find the theme that you want to edit, and then click **Customize**.
4. In Header section, turn on **Show Mega Menu**.
5. After that, you need to add block for Header section. Select block type is "**Mega Menu**".

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FU4VvJ0YwtQJSv3AqqG5q%2Fmegamenu-1.png?alt=media\&token=35c1a98a-dea9-4324-9ad5-70ca2e374c48)

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FJyhgGzQ8hTsPX7WwrFcX%2Fmega-menu.png?alt=media\&token=1722defb-5a3c-4783-8291-d404239198a5)

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FxRfRQvvM0QPd460Tn1kj%2Fmegamenu-2.png?alt=media\&token=048c0343-f7b6-4826-9d6a-ebc081093bcb)

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2F5d0s2Y7sfYQLnASGvkRB%2Fmegamenu.gif?alt=media\&token=d2eb0ad6-30cd-40dd-9492-07e3b0268174)

{% hint style="info" %}
In case you cannot make the change, our support team is available to support you, email us at: [support@halothemes.com.](mailto:support@halothemes.com)
{% endhint %}

## Style for Navigation/Menu

1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. In Header section, scroll to **Menu Level 1**, **Menu Level 2 & 3**.

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FPbyeD79UxRMTVT44jwDT%2Fnavigation-style.gif?alt=media\&token=3150adf0-0ffc-4c04-a064-9963b1066ed8)