Keep Sub-Menu Items Hidden on Mobile & Tablet

  • Author
  • #151741

    I have a discovery section on the navigation menu which has two layers of sub-menus. On desktop, the sub-menu items collapse until the user hovers over it. However, on mobile and tablet, all of the sub-headers display automatically. This creates a UX issue. Is there custom CSS I can plug in which keeps the sub-menu items collapsed until a user taps on it?

    The blog I need help with is: (visible only to logged in users)



    You’re right, on mobile, the sub-menu items are always opened, but they are visible that are sub-items. However, I’m afraid I can’t provide a simple solution (CSS or plugin). We need to investigate this further and see if it’s possible to change it, in a future theme update.

    To be honest, I can’t promise anything yet, but we’ll look into it.

    Thanks for the heads-up.


  • The topic ‘Keep Sub-Menu Items Hidden on Mobile & Tablet’ is closed to new replies.