What's best practice for a mobile menu?

Support
#1

Hi

I have a page structure similar to

About us

  • This thing
  • That thing
  • Another thing

On desktop, with a ‘navigation inline’ menu, this works fine because ‘on hover’ expands the menu but clicking ‘about us’ takes you to that page.

However on mobile (with the ‘navigation collapsed’ element) obviously there’s no ‘on hover’. Clicking ‘about us’ opens/closes the menu so there is no way to navigate to ‘about us’. As far as I can tell there’s no way to change this behaviour?

I could create a menu specially for ‘no on hover’ situations but then I’d display…

About us

  • About us
  • This thing
  • That thing
  • Another thing

This isn’t ideal. What’s the best way to deal with this?

#2

Hello @redleaf,

Thank you for a very detailed post. To resolve your issue, you must select the Sub Menu Trigger for the navigation collapsed element.

Selecting “Anchor” as your submenu trigger will make the “About Us” link collapse/expand the submenu. If you select “Sub Indicator”, only the > will be used to collapse or expand the submenu and the “About Us” will be linked to the page.

Hope this helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.