> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/labacha-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/labacha-shopify-theme-documentation/basic-configuration/navigation.md).

# Navigation

Your online store has two default menus that appear on every page: the main menu and the footer menu. You can [<mark style="color:orange;">add, remove, or edit menu items</mark>](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 [<mark style="color:orange;">create a collection</mark>](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 [<mark style="color:orange;">Navigation</mark>](https://www.shopify.com/admin/menus) page in your Shopify admin. For more information, see [<mark style="color:orange;">Set up drop-down menus in your online store</mark>](https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus)
{% endhint %}

{% hint style="info" %}
You can setup Menu with [<mark style="color:orange;">Dropdown or Mega Menu</mark>](/labacha-shopify-theme-documentation/header/megamenu-drop-down-menu.md) layout.
{% endhint %}

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/x3ucoJtljaTFmUk5oDY1/screenshort-277.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/UspdReRF0H9UGGzqER7Y/screenshort-278.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/uc4BCaNrnhCt7anwit8N/screenshort-276.jpg" 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://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/aSAIHPGldsl7oaz7ygwX/screenshort-218.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/DjkBdrOXLFgVvC9VxH8T/screenshort-219.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3628331143-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F99MlOzvyJDAhsvR2FLtv%2Fuploads%2FB1jq0JISRRO0dwZRN12T%2F4.jpg?alt=media&amp;token=8f6df826-82dc-4bd2-bc8b-d755c221c5b0" alt=""><figcaption></figcaption></figure>