View Categories

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
  1. Ensure the Tab Bar Menu tab is active.
  2. 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.
  1. 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

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
  1. Name it App Settings.
  2. Drag Settings under this section.
  3. 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
  1. Choose from the Icon Pack.
  2. Set an Icon Color to match your brand.
  3. Click Select Icon, then Save Menu.
  4. 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
  1. Set your Icon Default Color and Icon Active Color (for selected Tab Bar items).
  2. 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.

Updated on September 27, 2025