# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://halosoft.gitbook.io/ella-7-documentation/header-group/how-to-add-a-mega-menu-to-your-header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.