> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-7-documentation/header-group/how-to-add-a-mega-menu-to-your-header.md).

# 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](/ella-7-documentation/header-group/install-layout.md)

### **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&amp;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&amp;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&amp;token=49111c37-6c8f-4a43-9201-7830199dfeff" alt=""><figcaption></figcaption></figure>