# Navigation

Your online store has two default menus that appear on every page: the main menu and the footer menu. You can [add, remove, or edit menu items](https://help.shopify.com/manual/sell-online/online-store/menus-and-links/editing-menus) in your online store's default menus.

### Main Menu <a href="#main-menu" id="main-menu"></a>

The main menu appears on the header of all pages:

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

1. From your shopify store admin -> Click **Online Store** ->[ **Navigation**](https://shopify.com/admin/admin/menus) ->
2. Click **Add menu** -> Add "Title", then click "**add menu item**"
3. Enter **Name**, **Link** and click **Add**
4. Likewise, add all menu items and click Save.
{% endhint %}

{% hint style="info" %}
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.
{% endhint %}

{% hint style="info" %}
You can view and change your online store navigation from the [Navigation](https://www.shopify.com/admin/menus) page in your Shopify admin. For more information, see [Set up drop-down menus in your online store](https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus)
{% endhint %}

{% hint style="info" %}
You can setup Menu with [Dropdown or Mega Menu](header/megamenu-drop-down-menu) layout.
{% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FqB0KmxJ6vSjWDICKSlMP%2Fscreenshort-1.jpg?alt=media&#x26;token=422b91aa-e02b-45eb-ae7e-af9a3d64e868" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FFZp2rgIqpazmB5mwBYBW%2Fscreenshort-2.jpg?alt=media&#x26;token=a8db59a9-ae3b-4024-bbdb-5aef09b2d862" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2Fvs8fqantrKTJn9xruk9x%2Fscreenshort-3.jpg?alt=media&#x26;token=0267852c-e880-4345-8d67-1a7937481e61" alt=""><figcaption></figcaption></figure>

### Footer Menu <a href="#footer-menu" id="footer-menu"></a>

The footer menu is usually displayed as items across the width of the footer. A customer will probably look at your footer menu to find information about your store policies and contact information.

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FaNShYt2uHbuBLFNFcsIW%2Fscreenshort-4.jpg?alt=media&#x26;token=dd22d3be-fb27-454a-8b1f-866259dae422" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FgjZt80aqyZNZ3Wa6GxuQ%2Fscreenshort-5.jpg?alt=media&#x26;token=12d9785b-6926-4311-84dd-9c5a5ff214d6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2Fo7IcXq2WUE2kl3bhvpFm%2Fscreenshort-6.jpg?alt=media&#x26;token=a4ef666b-c3fa-4754-a284-6b7d4d02fd19" alt=""><figcaption></figcaption></figure>
