# How to add a mega menu to your header

## There are 2 ways to add a Mega Menu to your store

### **1. Add a pre-made section from our demo?**

To easily get a mega menu layout, simply install the header group from the pre-made templates we've set up here.

[Read the instructions here](https://halosoft.gitbook.io/ella-7-documentation/header-group/install-layout)

### **2. Add the** Mega Menu manually**?**

* To show mega menu layouts, you need to [create multi-level dropdown menu](https://halosoft.gitbook.io/ella-documentation/header/set-up-advanced-mega-menu-drop-down-menu#how-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**.
* Find the Header Section -> Add block **Mega menu style #1 / Mega menu style #2 / Mega menu style #3.**

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FsJ5LfQhNKO0lOmFCHvR4%2Fimage.png?alt=media&#x26;token=2422984d-91b8-4d32-8148-850eed115b56" alt=""><figcaption></figcaption></figure>

#### Put <mark style="color:red;">the name of collection</mark> on navigation which you want to apply <mark style="color:red;">mega menu layout</mark> for it into the text box: <mark style="color:red;">Mega Item Name</mark>&#x20;

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FK656lWCaIZ4CrtBgZ1fI%2Fimage.png?alt=media&#x26;token=c7d7bc06-ae2c-42c3-9f22-e22f525aad6b" alt=""><figcaption></figcaption></figure>

#### Then, use the pre-configured settings in each mega menu block to set up the layout you want.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2Fem2i6lGhwwG7lsHza9IY%2Fimage.png?alt=media&#x26;token=49111c37-6c8f-4a43-9201-7830199dfeff" alt=""><figcaption></figcaption></figure>