How to Create Multiple Versions of App Menus in Your Learndash App

Introduction #

Delivering tailored navigation experiences can enhance user engagement and streamline app usage. Multiple Versions of App Menus allow you to customize your Learndash App’s Tab Bar and More Menu based on login status, access group, membership level, course enrollment, or profile type.

This guide walks you through setting up different menu versions for guests and logged-in users, styling your navigation, and prioritizing menus when a member qualifies for more than one.

Creating a Menu for Logged-Out Members #

To show a simple menu for guests (non-logged-in users):

1. Go to LearnDash App > Menus > Tab Bar (or More Menu).

2. Click Create a new menu.

3. Under Login Status, select Logged-out Members.

4. Click Create Menu.
   
5. Add items from Add Menu Items.
   
6. Click Save Menu.
   

Note: You can only create one Tab Bar and one More Menu for logged-out members. These menus only display if Private App is disabled under Learndash App > Settings > General > Privacy.

Creating Menus for Specific Access Groups #

To create custom navigation for different user groups:

1. Go to Learndash App > Menus > Tab Bar (or More Menu).
   
2. Click Create a new menu.
   

3. Enter a Menu Name (e.g., “Gold Members”).
   
4. Set Login Status to Logged-in Members.
   

5. Under Access Group, select one or more relevant groups.
   
6. Click Create Menu.
   
7. Add desired items using Add Menu Items.
   
8. Click Save Menu.
   

Styling the Tab Bar #

Control how the Tab Bar looks across all menus:

1. Go to Learndash App > Menus > Tab Bar.

2. Toggle Icon Labels to show or hide labels below icons.
   
3. Choose Tab Bar Icon Style:
   
   • Outlined
     
   • Boxed
     

4. Set Tab Bar Visibility to:
   
   • Show on Tab Bar Menu
     
   • Show on All Screens
     

5. Click Save Settings.
   

These style settings apply globally to all Tab Bars.

Styling the More Menu #

Customize the look of the More Menu:

1. Go to Learndash App > Menus > More Menu.
   
2. Choose a More Menu Icon Style:
   
   • Outlined
     
   • Boxed
     
3. Click Save Settings.
   

These style settings also apply globally to all More Menus.

Setting Menu Priority #

When a member qualifies for multiple menus, Learndash App uses your menu priority to decide which one to show:

1. Go to Learndash App > Menus > Menu Priority.
   
2. Click Set Menu Priority.
   
3. Drag and reorder the menus (highest priority goes to the top).
   
4. Click Save Changes.
   

If a member belongs to multiple Access Groups, they’ll see the highest-priority matching menu.

Troubleshooting and FAQs #

Q: My logged-out menu isn’t appearing.
A: Make sure Private App is disabled under Learndash App > Settings > General > Privacy. Logged-out menus won’t load if this setting is enabled.

Q: A member in two groups sees the wrong menu.
A: Reorder menus under Menu Priority and use Recalculate Members under Learndash App > Access Controls > Access Groups to ensure proper matching.

Q: Style changes aren’t reflecting.
A: Force-close and reopen the app to clear the cache and fetch the latest menu settings.

Q: Can I style More Menus differently per group?
A: Styles apply globally, but you can upload custom icons or manually adjust colors for each menu item for a personalized touch.