# Navigation menus

***

{% embed url="<https://www.loom.com/share/c9699468110143d698a33bffea03dc9f>" %}

## **Learn how to set up your navigation menus**

### **I. Add a menu**&#x20;

1. From your **Shopify admin**, go to **Content**.
2. On the **Menu** page, click on the **Create menu**.
3. Enter a **Name** for the Menu.
4. Select **+ Add menu item** > Enter a **Label** for the **Menu item**.
5. Click the **Link** field, and then enter a website address for an external website or select a link type.

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

<details>

<summary>Details</summary>

* **Home** - your online store's home page
* **Collections** - a specific collection or all collections
* **Products** - a specific product or all products
* **Pages** - a webpage on your online store
* **Blogs** - a blog on your online store
* **Blog posts** - a blog post on your online store
* **Policies** - one of your store policies. To create an email link, use the format “<mailto:youremail@gmail.com>”

</details>

6. Click **Save menu**.

### II. **Change the display order of menu items**

{% hint style="info" %}
**Steps:**

* Click the title of the menu that you want to reorder.
* Click and hold the handle icon (⠿) beside the menu item, and then drag the menu item to another position
* Click **Save menu**.
  {% endhint %}

<figure><img src="/files/6dkoDF8CrnnP5Xy2KDKm" alt=""><figcaption></figcaption></figure>

> ***Note:** Efficient and intuitive navigation is crucial for allowing your customers to explore your products or services effortlessly. Utilize options like dropdown menus, or mega-menus to organize your store’s categories and subcategories logically.*

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

### III. **Remove a menu**

{% hint style="info" %}
**Steps:**

* From your **Shopify admin**, go to **Online Store > Navigation**.
* Click **Delete** **menu** beside the menu item that you want to remove.
* Click **Delete** to confirm.
  {% endhint %}

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

### IV. Link your menu to the header and footer

1. Link to the **Header**

{% hint style="info" %}
**Steps:**

* Select **Header** on the left sidebar to start editing the section.
* On the right sidebar, look for the “**Menu**” section. Select **Replace**.
* Select the menu you created earlier.&#x20;
* Click **Save**.
  {% endhint %}

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

2. Link to the **Footer**

{% hint style="info" %}
**Steps:**

* To add a block, hit the “**Add block**” button on the left sidebar in the Theme editor and select the **Menu** block type.
* A new block will be added and named **Quick links** by default.
* Change the block's name and pick the menu you have prepared.
* Click **Save.**
  {% endhint %}

<figure><img src="/files/2EhteqogKrYZdysVFVo8" 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://help.inspiredtheme.com/articles/general-information/navigation-menus.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.