> For the complete documentation index, see [llms.txt](https://guides.mangoapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.mangoapps.com/mobile-apps-guide/navigation.md).

# Navigation

### Overview <a href="#mobile-bottom-navigation-bar" id="mobile-bottom-navigation-bar"></a>

Create a custom bottom navigation bar for mobile from the Navigation menu within the Admin Portal. Click to edit a current navigation style or add a new navigation theme just for the mobile user segment.

Admins can customize the order of modules for mobile users in the same fashion as they can in the desktop version.&#x20;

***

### Mobile Bottom Navigation Bar <a href="#mobile-bottom-navigation-bar" id="mobile-bottom-navigation-bar"></a>

The bottom navigation bar will display the first 4 modules in the list. Modules that overflow on the screen will appear in the **More** menu on mobile.

<figure><img src="/files/9tKP2uwpPvLoysJnRa3y" alt="" width="188"><figcaption></figcaption></figure>

{% hint style="info" %}
If the domain navigation is configured to use the  [**Advanced Mega Menu**](https://guides.mangoapps.com/admin-guide/navigation/navigation-styles#advanced-mega-menu), an additional icon will appear on the left side of the bottom navigation menu. This icon will open the Advanced Mega Menu as configured within the domain.

&#x20;                                         <img src="/files/zkRr2Y5wzow3YmVjeXfM" alt="" data-size="original">
{% endhint %}

**Main Screen Only**

In this mode, pages that are directly accessible from the Navigation will have the bottom navigation bar available.

**Most Screens**

In this mode, most of the pages in the app, except a few like **Compose**, **Taking a Course**, etc., will always have the bottom navigation bar available.

<figure><img src="/files/EkmXIcIcGf8Dr6WYga3v" alt="" width="563"><figcaption></figcaption></figure>