# Adding Menu on Mobile

For **Mobile Applications**, menus are implemented as a **separate page** rather than an inline component.\
ONEWEB provides a built‑in **Drawer** page type that allows you to create a navigation menu and link other pages to menu items.

This approach follows common mobile UX patterns such as **side drawer navigation**.

***

### Steps to Create a Menu on Mobile

#### Step 1: Navigate to the Mobile Application

1. Open **AppSpace**
2. Go to your **Mobile Application**

***

#### Step 2: Create a New Page

Click the **Create New Page** icon ![](https://docs.oneweb.tech/oneweb/~gitbook/image?url=https%3A%2F%2F2015371994-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FMpDjHWFRUtZ5nJcSfVXd%252Fuploads%252FNwYIEaagdIZWzbq7MOCm%252F0%3Falt%3Dmedia\&width=300\&dpr=3\&quality=100\&sign=4959b2bd\&sv=2).

***

#### Step 3: Select Drawer as Page Type

1. Enter the **Page Name**
2. Select **Drawer** as the **Page Type**
3. Click **Start Design**

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FN1H0AewxEKjWX2cqTAeI%2F1?alt=media" alt=""><figcaption></figcaption></figure>

***

### Default Menu Page

After creating the page, the system automatically generates a **sample Drawer menu page**.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FAHwANao4Subf5Nqb5Xp1%2FAMM.png?alt=media&#x26;token=f460ed32-e4d3-4c86-9e17-a03c86736d92" alt=""><figcaption></figcaption></figure>

This page serves as the **main navigation container** for your mobile application menu.

***

### Customizing the Mobile Menu

Users can customize the menu according to application requirements, including:

* Menu item labels
* Icons
* Linked pages
* Layout and visual style

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FHp9aZVKLCs4JxBIw8Fk8%2FAmm2.png?alt=media&#x26;token=df293634-d893-4fb2-91dd-04a0a68f9477" alt=""><figcaption></figcaption></figure>

Each menu item typically links to a page within the mobile application.

***

### Advanced Menu Settings

Additional settings can be configured at the **Splitter element level**, such as:

* Setting a **default page** for the menu
* Controlling how content is displayed when the menu is opened
* Adjusting layout behavior

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FaXNTZjiGj3qXDrmEqZWG%2FAmm3.png?alt=media&#x26;token=aaaffda4-e1ba-4eee-b860-ba09cf18b676" alt=""><figcaption></figcaption></figure>

These options allow greater flexibility when defining the navigation experience.

***

### Summary

For **Mobile Applications**, ONEWEB provides built‑in menu support through the **Drawer page type**.

Key points:

* Menus are created as **separate pages**
* Drawer pages act as mobile navigation menus
* A default menu layout is generated automatically
* Menu items link to other pages in the app
* Advanced behavior can be configured at the Splitter level

Using the **Drawer** page type helps create **consistent, mobile‑friendly navigation** that follows standard mobile design patterns.


---

# 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.onewebstack.com/designer-reference/page-designer/page-designer-tools/menu/adding-menu-on-mobile.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.