> 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="/files/Xn6Xw9S9vTJvtkl6acL9" 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="/files/W4i5WDSdzg0V4xyXbVAJ" 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="/files/fEGhhaDEYTomNvHpJupZ" alt=""><figcaption></figcaption></figure>