> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/labacha-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/labacha-shopify-theme-documentation/header/megamenu-drop-down-menu.md).

# Megamenu/Drop Down Menu

### 1. How to create multi-level dropdown menu?

<figure><img src="/files/thCCexrdZvHo3OeTRd35" alt=""><figcaption></figcaption></figure>

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**.

### 2. How to setup Mega menu

<figure><img src="/files/EIbnnBL1zMOldbKDA65C" alt=""><figcaption></figcaption></figure>

1. To show mega menu layouts, you need to create multi-level dropdown menu first.

* From your Shopify admin, go to **Online Store -> Themes**.
* Find the theme that you want to edit, and then click **Customize**.
* In the **Header section** on the left editor window -> Click + **Add block**.
* Select block type is **"Mega Menu"**.

<figure><img src="/files/2SKsiWUo5skgQlTgcbdr" alt=""><figcaption></figcaption></figure>

Put the **name of Menu** on navigation which you want to apply **mega menu layout** for it into the text box: **Mega Menu Item**

<figure><img src="/files/k2xMr9pb4EIKgBlHSwjv" alt=""><figcaption></figcaption></figure>