Mobile Menu Dropdown (Expand Parent Menu Item When Clicked)

Problem: If you have a dropdown menu, where you don't want the parent menu item to be a link, but instead simply expand when clicked, there's an issue on mobile where, when the parent menu item is clicked, it closes the whole menu drawer without opening the child menu items.

Example:

Parent: Training (URL: #)

• Child: Video Library (URL: yourwebsite.com/library)
• Child: Community (URL: yourwebsite.com/community)

Note: The "Training" parent tab has to have the URL anchor tag, to be saved inside WordPress. Since this is being treated as a link, this is the cause of the issue.

Now, on a mobile device, if you click the dropdown arrows, the menu items will open, but that's not intuitive.

If you navigate to any major website, you'll see that on mobile, if you click the text of a dropdown menu, the dropdown will appear (Example: Asana.com).

This occasionally causes confusion for our members, so it'd be great to have the expected menu functionality that people are used to when visiting websites/apps.