> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/magecomp-mobile-app-builder/design-app/menu.md).

# Menu

To customize the menu of your Shopify mobile app, you need to select **Menu** from the dropdown menu.

### <mark style="color:blue;">1. Home</mark>

The home option provides easy access to key features, personalized content, and quick navigation to help you efficiently manage your activities and stay updated with the latest information.

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

* **Name -** Set the name of the page you want your customers to navigate.

### <mark style="color:blue;">2.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Product**</mark>

If you want to showcase any particular collection of your store into the menu, you can easily execute that from here.

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

* **Name -** Set the name of this field for your menu bar.

Below is displayed the collection that you have selected to add in the menu.

{% hint style="info" %}
You can easily add options like **Address**, **Order**, **Wishlist**, **Notification**, **Privacy Policies**, **Logout**, and **Login** options just by selecting the **+** button.

You can also edit their field name.
{% endhint %}

<figure><img src="/files/3T4iiufCGdqJt8SXlytw" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">4. Custom Menu</mark>

If you want to add any extra page to your menu, select **Custom Menu.**

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

* **Name -** Enter the name of the page you want to add in the menu.
* **Link -** Enter the link of your store's live page link, and **Save** the settings.