> 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="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FgA1icf4YqzReoznfgGle%2F18.jpg?alt=media&amp;token=08b25d6a-e796-430b-a0d5-09702fa924a7" 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="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FI7kT3JqRWakhgKkbXwEf%2F19.jpg?alt=media&amp;token=22f20cde-f6fc-44ad-ab0b-0c5f2ad3ea9e" 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="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FheI4Q8R0DajJRvEKYCq8%2F20.jpg?alt=media&amp;token=2f27ebe2-a494-42a4-ab79-d5be0599a505" 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="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FKkpLQzJgfdeEGDwG1Ffe%2F21.jpg?alt=media&amp;token=31b67fb5-fe12-42d2-9a23-48d17bf356a9" alt=""><figcaption></figcaption></figure>