---
title: "How to Configure Your Tab Bar and More Screen"
source: "https://docs.nexcess.com/software/learndash/how-to-configure-your-tab-bar-and-more-screen/"
description: "Introduction Create a seamless, branded navigation experience for your mobile community by customizing the Tab Bar and More Screen in the LearnDash App. From se…"
vertical: "Software"
area: "LearnDash"
date: "2025-09-23"
last_modified: "2026-07-02"
---

# How to Configure Your Tab Bar and More Screen

## **Introduction**

  
Create a seamless, branded navigation experience for your mobile community by customizing the **Tab Bar** and **More Screen** in the LearnDash App. From selecting the right icons and colors to organizing key screens, you can tailor navigation directly from your WordPress Dashboard.

This guide walks you through how to set up, customize, and preview your app’s primary and secondary navigation menus.

## **Open the Menus Settings**

1. In WordPress, go to **LearnDash App > Menus**.

![Screenshot of Menu Tab Bar menu](https://docs.nexcess.com/wp-content/uploads/2026/06/How-to-Configure-Your-Learndash-App-Tab-Bar-and-More-Screen-_-1.png)2. Ensure the **Tab Bar Menu** tab is active.
3. Switch to the **More Screen Menu** tab to manage secondary navigation.

## **Clear and Rebuild Navigation**

1. In the Tab **Bar Menu**, click **Remove** on each item to start fresh.

2. Switch to **More Screen Menu** and remove all items as well.

## **Add Core App Screens**

1. Under the **App Core**, Select **Settings**, and click **Add to Menu**(required).
2. Click **Save Menu**.

![Screenshot of App Core Add to Menu option](https://docs.nexcess.com/wp-content/uploads/2026/06/How-to-Configure-Your-Learndash-App-Tab-Bar-and-More-Screen-_-2.png)Note: You can also add Courses and other menu items.

## **Create Menu Sections**

1. In **More Screen Menu**, click **Add Section**.

![Screenshot of Sections for tab menus](https://docs.nexcess.com/wp-content/uploads/2026/06/How-to-Configure-Your-Learndash-App-Tab-Bar-and-More-Screen-_-3.png)2. Name it **App Settings**.
3. Drag **Settings** under this section.
4. Click **Save Menu**.

## **Customize Menu Icons and Text**

1. In the Tab **Bar Menu**, click the dropdown arrow beside each item.
2. Click **Select Item Icon**.

![Screenshot of Icons for menu options](https://docs.nexcess.com/wp-content/uploads/2026/06/How-to-Configure-Your-Learndash-App-Tab-Bar-and-More-Screen-_-4.png)3. Choose from the **Icon Pack**.
4. Set an **Icon Color** to match your brand.
5. Click **Select Icon**, then **Save Menu**.
6. Repeat for **More Screen Menu** items.

## **Adjust Default Icon Colors**

1. Go to **LearnDash App > Branding > Colors > Tab Bar & More Screen**.

![Screenshot of tab menu styling options](https://docs.nexcess.com/wp-content/uploads/2026/06/How-to-Configure-Your-Learndash-App-Tab-Bar-and-More-Screen-_-5.png)2. Set your **Icon Default Color** and **Icon Active Color** (for selected Tab Bar items).
3. Click **Save Changes**.

## **Preview in the App**

1. **Force-close** the LearnDash App on your device.
2. Reopen to see your updated **Tab Bar** and **More Screen** layout, icons, and colors.

## **Troubleshooting and FAQs**

**Q: Why aren’t my menu changes showing in the app?**  A: Force-close and reopen the LearnDash App to apply the updated menu settings.

**Q: Why can’t I add more than four items to the Tab Bar?  
 A: The Tab Bar supports only four items plus the **More** menu. Extra items should be added to the **More Screen**.

**Q: Why aren’t the legacy icons showing in the icon picker?**  A: Clear your browser cache, update the LearnDash App plugin, and reload the **Menus > Tab Bar** screen.