Mobile Navigation Guide

The theme includes mobile navigation features designed for logged-in users and mobile visitors. The main mobile navigation areas are managed through Appearance → Menus.

Mobile Navigation Areas

The theme includes these mobile menu locations:

• Mobile Bottom Nav
• Mobile User Drawer

The Mobile Bottom Nav appears as a bottom navigation bar for logged-in users on mobile devices.

The Mobile User Drawer is a slide-up account menu that opens from the mobile bottom navigation.

Set Up the Mobile Bottom Nav

1. Go to Appearance → Menus.
2. Create or select the menu you want to use.
3. Add items to the menu.
4. Assign the menu to Mobile Bottom Nav.
5. Save the menu.

The mobile bottom navigation is intended to stay short. The theme keeps the mobile bottom nav to a maximum of five top-level items.

Recommended Mobile Bottom Nav Items

The theme includes special mobile bottom nav item sources in Add Menu Items.

Common items include:

• Activity
• Notifications
• Members
• Menu

The Menu item opens the Mobile User Drawer when configured with the mobile drawer behavior.

Notification Badge

The mobile notifications item can display an unread notification badge for logged-in users.

Use the built-in Notifications mobile item when you want the badge behavior.

Set Up the Mobile User Drawer

1. Go to Appearance → Menus.
2. Create or select a menu for drawer links.
3. Add the dashboard/account links you want users to access.
4. Assign the menu to Mobile User Drawer.
5. Save the menu.

The Mobile User Drawer also shows account information such as the user avatar, display name, email, profile link, edit profile link, and logout link.

Mobile Menu Best Practices

Keep the bottom nav focused on the most important actions. The best setup is usually four or five items.

Use the drawer for secondary links so the bottom nav does not become crowded.

Test Mobile Navigation

1. Log in as a test user.
2. View the site on a mobile screen size.
3. Confirm the bottom nav appears.
4. Tap the Notifications item and confirm it opens the expected page.
5. Tap the Menu item and confirm the drawer opens.
6. Confirm drawer links work.

Troubleshooting

The mobile bottom nav does not appear

Confirm you are logged in and viewing the site on a mobile screen size. Also confirm a menu is assigned to Mobile Bottom Nav.

Some menu items do not appear

The mobile bottom nav is limited to five top-level items. Keep the menu short and remove extra items.

The Menu item does not open the drawer

Use the built-in mobile Menu item from the mobile menu item source when setting up the menu.

The drawer has no custom dashboard links

Assign a menu to Mobile User Drawer under Appearance → Menus.