# Menus

<div data-full-width="true"><figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FETk3RTZrTHUxALnqCtTH%2FFoxEcom%20changelog%20%20%201250%20x%20200.png?alt=media&#x26;token=a72791be-b9fe-4806-8a28-f1592e470b10" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_menus&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

In Foxify's Basic editor, you can create and use Foxify layout (Foxify header and footer).&#x20;

To do so, you need to create menus for the store navigation.&#x20;

This article shows you how to add, edit, or remove a menu item in Foxify.

{% embed url="<https://youtu.be/WfB0BtNScTQ>" %}

You can add menu items to your store menus to build your store's navigation.&#x20;

Menu items are links to products, collections, webpages, blog posts, policies, or other websites. You can also remove or edit menu items.

In most cases, you need to create an item before you can link to it.&#x20;

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

## Add a menu item

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

1. From your Foxify Dashboard, go to **Settings** > **Menus**.
2. On the Menus page, click **Add menu.**
3. Enter a menu title to distinguish it from others.
4. Click **Add new item**.
5. Enter a name for the menu item. This name displays in the menu.
6. Click the **Link** field, and then enter a website address for an external website or select a link type (Homepage, Collections, Products, Pages, Blogs, Articles, Policies).
7. Click **Select** to save your menu item.
8. Click **Save menu**.
   {% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FEUJEnUIea9WQ9tdPxcCU%2Fimage.png?alt=media&#x26;token=8d71d7e1-c47e-4c4f-93c9-f3ca0909e331" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FTVDEMtNeM0YKSSSVnqLS%2Fimage.png?alt=media&#x26;token=0b388a80-c6eb-400f-b557-f3c05e21538e" alt=""><figcaption></figcaption></figure>

## Edit a menu item

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

1. From your Foxify Dashboard, go to **Settings** > **Menus.**
2. Click the name of the menu that includes the item.
3. In the **Menu items** section, click Edit beside the name of the item.
4. Make necessary changes to the item name or link.
5. Click **Select**.
6. Click **Save**.
   {% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F8j1CxILG6OMfAdzgk1hq%2Fimage.png?alt=media&#x26;token=c6fe8ded-b8a0-44a3-84a9-b7bacb56104f" alt=""><figcaption></figcaption></figure>

### Change the order of menu items

The menu items display on your navigation in the order that they are listed.&#x20;

You can view and change the display order of menu items on the Menus page. You can also drag and drop them to create child menu items.

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

1. From your Foxify Dashboard, go to **Settings** > **Menus.**
2. Click the title of the menu that you want to reorder.
3. Click and hold the handle icon (⠿) beside the menu item, and then drag the menu item to another position.
4. Click **Save**.
   {% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Fn4mND8tpnnKRvAO2UY5s%2F20240314_111527-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=75045be8-e9b3-4a6d-a97b-c87b28ad8332" alt=""><figcaption></figcaption></figure>

## Remove a menu item

You can delete a menu item. When you delete a menu item that has items nested below it in a drop-down menu, the nested menu items are also removed and the drop-down menu is removed from your menu.

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

1. From your Foxify Dashboard, go to **Settings** > **Menus.**
2. Click **Delete** beside the menu item you want to remove.
3. Click **Save**.
   {% endhint %}
