# Menus

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

Going into the Menus tab, you can customize them as follows

## 1. Side navigation menu

<figure><img src="/files/ER4yKhmjXNOoTIjCm0Rd" alt=""><figcaption><p>Standard menu links</p></figcaption></figure>

By default, we offer 4 standard links necessary for customers to navigate through the app (as referenced in the above picture). You have the option to:

* Add a new menu item (up to 10)
* Edit a menu item
* Hide a menu item
* Rearrange the menu items
* Remove a menu item

### Add a menu item

Click on **Add menu item**. You will see a new section added to the list for configuration.

{% columns %}
{% column %}

<figure><img src="/files/lewSPIndNxHZBkS6CgP5" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}

<figure><img src="/files/GxqkjLNN0BqFRcPHLglI" alt=""><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

### Edit a menu item

<div data-full-width="false"><figure><img src="/files/Jxqj6uLlhlQKBhIlo8HU" alt=""><figcaption></figcaption></figure></div>

After adding a menu item, you can configure it as follows:

* Input **Title** for the menu link. Then, select or upload an icon for it.

  <figure><img src="/files/2x3XWhO6s88Jg20ClpaE" alt=""><figcaption></figcaption></figure>
* Choose a link to open a page upon pressing it. You can direct users to:
  * **Collection listing page**, where you typically list all the collections

    <figure><img src="/files/vJfTr0a9h1YgtzbSc7Xd" alt=""><figcaption></figcaption></figure>
  * **Product page** of a product you choose to feature

    <figure><img src="/files/J2iR60gG8zAEw7aG6rrX" alt=""><figcaption></figcaption></figure>
  * **Product listing page** of a collection you choose to feature

    <figure><img src="/files/5rKZwivgMlMRNhuwe50I" alt=""><figcaption></figcaption></figure>
  * A **website link**. By default, users can open a webpage wrapped inside your mobile app without being directed to the browser, reducing friction in the user experience.

    <figure><img src="/files/0vPqu8RfWAtRT8DvhkdL" alt=""><figcaption></figcaption></figure>
  * The **profile** **page**, where users can sign in and manage their accounts in the mobile app

    <figure><img src="/files/xwplQTkiQJf70tBYA1to" alt=""><figcaption></figcaption></figure>
  * The **order history page**, where users can keep track of their orders

    <figure><img src="/files/rn6d99TBpW8Io4mmrrYr" alt=""><figcaption></figcaption></figure>
  * Or, you can choose to have **no link**, which is usually for an upcoming page you want to communicate with users.

### Hide a menu item

Hover over a menu item and click on the **eye icon** to hide it; click on it again to unhide.

<figure><img src="/files/84UiMdTPFseNesTPjGA5" alt=""><figcaption></figcaption></figure>

### Rearrange the menu items

Click on a menu item, hold the mouse, and drag it up or down to position it where you want.

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

### Remove a menu item

Hover over a menu item and click on the **trash bin icon** to remove it, then click **Discard** to confirm the action.

<div><figure><img src="/files/CRg3Whw3I5uLT4Kevpit" alt=""><figcaption></figcaption></figure> <figure><img src="/files/ICAkmahrd6RWY4RSHXQj" alt=""><figcaption></figcaption></figure></div>

## 2. Bottom menu bar

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

By default, we provide 5 common pages, in which Home is always placed first, and Account is always required. You have the option to:

* Add a menu item (up to 5)
* Edit a menu item
* Hide a menu item
* Rearrange the menu items
* Remove a menu item

### Add a new menu item

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

The menu items that are not mandatory and thus can be added include:

* Category
* Cart
* Wishlist

To add a new item, click on **All menu item** and choose the item you want to display.

### Edit a menu item

You can edit the title and change the icon of the menu item from a list or by uploading an image. **Note** that the title can only contain **no more than 10 characters**.

<figure><img src="/files/9lQyehZz3edX0f2vCYUB" alt=""><figcaption></figcaption></figure>

### Hide a menu item

Hover over a menu item and click on the **eye icon** to hide/unhide it.

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

### Rearrange the menu item

Click on a menu item, hold the mouse, and drag it up or down to position it where you want.

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

### Remove a menu item

In case you don't want to complicate the bottom bar menu, you can choose to remove these items by hovering over them and clicking on the **trash bin** icon:

* Category
* Cart
* Wishlist

<figure><img src="/files/3OWoIenAzDQsHp1oHcI6" 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://docs.simicart.com/app-studio/design-your-app/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.
