# Menu

<figure><img src="/files/6RvaeQ0yiq9uVTymxQjE" alt=""><figcaption><p><a href="https://chromewebstore.google.com/detail/foxtransfer-html-to-shopi/babcinhpofjfhjjbcnjhoikcjbgebimb?utm_source=foxecom&#x26;utm_medium=helpcenter&#x26;utm_campaign=foxtransfer_launch">Install FoxTransfer Chrome Extension FREE here</a></p></figcaption></figure>

***

<figure><img src="/files/gA8B7112dzs0P8ZQ4jtQ" alt=""><figcaption></figcaption></figure>

Customers navigate your online store using the links on pages and menus. Different websites require different kinds of menus, depending on the size, nature, and objectives of your store.&#x20;

## What are a menu, drop-down menu, and mega menu?

You can add menu items to your online store menus to build your store's navigation. Menu items are links to products, collections, webpages, blog posts, policies, or other websites.

**A drop-down menu**: a drop‑down menu with multiple levels and can include rich content like banners, custom cards, or collections.

<figure><img src="/files/KfxUqhfPuVdU1EmZ66H1" alt=""><figcaption><p>An example of a dropdown menu</p></figcaption></figure>

**A mega menu**: a drop‑down menu with multiple levels and can include rich content like banners, custom cards, or collections.

<figure><img src="/files/g11a6Sh3k30MubK3P4nw" alt=""><figcaption><p>An example of a mega menu with a banner</p></figcaption></figure>

### When to use a mega menu?

Use a mega‑menu when your store has many products or categories, or you want to showcase banners, images, or collections under your main menu item. It improves navigation clarity on large catalogs.

## How to create a menu

{% stepper %}
{% step %}
From Shopify admin, navigate to **Content > Menus**.
{% endstep %}

{% step %}
Choose an existing menu to edit or click **Create menu** to add a new one.

<figure><img src="/files/zDBmYpNMhjjunjUhVJfe" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Give the menu a name and click **Add menu item.**

* Enter the name (what appears on the menu)
* Select destination (Product, Collection, Page, Blog, etc.) or enter external URL.&#x20;

<figure><img src="/files/hInG0e8YM1XQflNm3HJr" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
To create a sub‑menu (drop‑down), drag items under a top‑level item and indent.

<figure><img src="/files/Dmh7QNDZsw92u4YT3NT1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Rearrange menu items by dragging them into desired order.
{% endstep %}

{% step %}
When done, click **Save.**
{% endstep %}
{% endstepper %}

{% hint style="info" %}
A menu with 3rd-level nested items is recommended for the mega menu.

![](/files/L3I8zCmo0HRT3yfUbOl6)
{% endhint %}

## How to apply your menu to Zest header

{% hint style="success" %}
Steps:

1. From Shopify admin, go to **Online Store > Themes** and click **Customize**.
2. In the theme editor, locate the **Header** section.
3. In the header settings, select which menu to show in the navigation.
4. If using mega‑menu features (banners, custom cards, etc.), configure those sub‑settings here.&#x20;

Learn more:[Add a banner to mega menu](/zest-theme/pages-global-sections/menu/add-a-banner-to-mega-menu.md)

5. **Save** the changes.
   {% endhint %}

<figure><img src="/files/lVg1ZeDaUjVrVMQmAMJC" 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://docs.foxecom.com/zest-theme/pages-global-sections/menu.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.
