> For the complete documentation index, see [llms.txt](https://help.lumintheme.com/lumin-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lumintheme.com/lumin-theme-documentation/header/set-up-drop-down-or-mega-menu-menus-in-your-online-store.md).

# Set up drop-down or mega menu menus in your online store

You can use drop-down menus to group products, collections, or pages together and make it easier for customers to navigate your online store. For example, if you have a lot of products then you might want to add them to collections and then use a drop-down menu from the main menu to organize the collections. This can help a customer to find the type of products that they're looking for.

Setup menu type to Mega Menu in header setting in shopify theme editor.

![](/files/A2R8eqa6q9NtN3VPZuLA)

You can also [add, remove, or edit menu items](https://help.shopify.com/en/manual/online-store/menus-and-links/editing-menus) in drop-down menus, or in your online store's default menus.

**Note**

Footer menus can only display top level items, meaning drop-down menus can't be used in your online store footer.

You can view and change your online store navigation from the [Navigation](https://admin.shopify.com/menus) page in your Shopify admin.

**Note**

In most cases, you need to create an item before you can link to it. For example, you need to [create a collection](https://help.shopify.com/en/manual/products/collections) before you can add it to a menu.

### **On this page** <a href="#id-968zl5vd22rr" id="id-968zl5vd22rr"></a>

* [Nesting menu items to build drop-down menus](https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus#nesting-menu-items-to-build-drop-down-menus)
* [Add a drop-down menu from the main menu](#id-968zl5vd22rr)

### **Nesting menu items to build drop-down menus** <a href="#f7oa1jdg1uvr" id="f7oa1jdg1uvr"></a>

You can build drop-down menus by creating or moving menu items so that they're "nested" below a top-level item. The top-level item appears in the main menu on your online store, and the nested menu items appear in a drop-down menu:

![Picture showing the top-level item and two levels of nested menus in the Online Store > Navigation section of the Shopify admin](/files/S8yNZJBknOADbv4rnE1f)

The top-level item can have up to two levels of nested drop-down menus.

All themes will display nested items as drop-down menus from the main menu, and some themes will display nested items as drop-down menus in other locations.

The appearance and location of the main menu and drop-down menus in your online store depend on your online store's [theme](https://help.shopify.com/en/manual/online-store/themes). Some themes will display an icon beside the name of a drop-down menu in the main menu to help customers recognize that a drop-down menu is there.

**Note**

Make sure that you [update your theme](https://help.shopify.com/en/manual/online-store/themes/managing-themes/updating-themes) so that it displays all three menu levels on your online store.

You can [add a drop-down menu](https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus) from any of the menu items in the main menu.

**Tip**

To see more videos, visit shopify [YouTube channel](https://www.youtube.com/channel/UCSG_dVp-hi_hWP-Z7DlpRgQ).

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

**Steps:**

#### **Desktop** <a href="#tz7veq3mxi2g" id="tz7veq3mxi2g"></a>

1. From your Shopify admin, go to [Online Store > Navigation](https://admin.shopify.com/menus).
2. Click the name of your main menu.
3. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header. If you don't want the header to link to anything, then you can enter # in the Link field when you add the menu item.
4. Add menu items to include in the new drop-down menu. Click Add menu item, enter the name of the menu item, and enter or select a destination for the link.
5. Click and drag the menu items to nest below the header item.
6. Click Save menu.

**Note**

You can change the default main menu for most themes by editing the settings in the theme's Header section.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.lumintheme.com/lumin-theme-documentation/header/set-up-drop-down-or-mega-menu-menus-in-your-online-store.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
