> For the complete documentation index, see [llms.txt](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/cisecos-features/header-mega-menu.md).

# Header mega menu

<figure><img src="https://2369203281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8ej7PWHlKyrp3Yi6VZq%2Fuploads%2FEwFEH4dg4fsmqVJihv4J%2FScreenshot%202024-05-05%20at%2014.56.36.png?alt=media&amp;token=88ab95a3-3837-42d8-be35-2cb3aacc3df1" alt=""><figcaption><p>Header mega menu</p></figcaption></figure>

### Add a mega menu from the main menu <a href="#add-a-drop-down-menu-from-the-main-menu" id="add-a-drop-down-menu-from-the-main-menu"></a>

1. From your Shopify admin, go to [**Online Store** > **Navigation**](https://admin.shopify.com/menus).
2. Click the **main-menu**
3. You can change the **title** of the menu.&#x20;
4. Each top-level menu will represent a column in the mega-menu and a maximum of 4 columns. The submenus of each column will be the submenus of the top menu.

<figure><img src="https://2369203281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8ej7PWHlKyrp3Yi6VZq%2Fuploads%2F7nVgUhBqO0Abp9NPixqK%2FScreenshot%202024-05-04%20at%2009.53.14.png?alt=media&amp;token=a5b30dda-df19-4619-862f-c99758e77899" alt=""><figcaption><p>Add a mega menu from the main menu</p></figcaption></figure>