---
title: "Mobile navigation bar configuration"
slug: "mobile-navigation-bar-configuration"
updated: 2025-09-01T11:58:50Z
published: 2025-09-01T11:58:50Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.deltatre.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Mobile navigation bar configuration

**Minimum version requirements:**[AXIS 8.2](/v1/docs/release-notes-axis-82-q2-20) (or above), using reference apps 5.3 (or above) for [iOS](/v1/docs/release-notes-ios-53-q3-20) or [Android](/v1/docs/release-notes-android-53-q3-20).

Android and iOS Reference Apps have built-in functionality for a bottom navigation bar. This article covers the configuration of the mobile navigation bar.

![Mobile navigation bar.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/4410041094162.png)

## How to set up the mobile navigation bar

To configure the items shown in the bottom navigation bar, follow the steps below:

1. In Presentation Manager, head to *DISPLAY* > *Menus*. ![Bottom_nav_menu.jpg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/360015581440.jpg)
2. Select *Mobile Nav Bar* from the left-hand side options. ![Mobile_bottom_nav_option.jpg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/360015593479.jpg)
3. Next, click the ![Screenshot_2020-07-23_at_15.09.23.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/360014715579.png) button to create a menu group for your new navigation bar.
4. Once here, add your sub-menu items by typing a label and selecting the destination. ![Bottom_nav_configuration.gif](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/360015594359.gif)
5. Enter information into the required fields:
  - *Enter label* (20 character limit): The name of the menu item. You can select an existing page or create a custom label. If you choose an existing page, the destination field is automatically populated.
  - *Enter destination*: The destination users are taken to when they select the menu item.
  - *Icon* (required): The icon that should appear for the menu item. An icon must be selected for this menu type - the changes can't be saved if the field is left as the default of *No icon*. Available icons are managed in *Admin* > *Settings* > *Menu Icons*.

> [!NOTE]
> **Note:** While you can add more than five sub-menu items, five is the maximum displayed on the navigation bar at a time. These will be the first five sub-menu items in the group. To reorder the group's sub-menu items, click and drag the sub-menu item to the desired position.

The mobile navigation bar supports the use of variants. Read our article to learn more about [variants and segmentation.](/v1/docs/variants-and-segmentation)