Menu Not "Nested" on Mobile

  • Author
    Posts
  • #147699

    eurovisionbyjaz
    Member
    Original poster

    Hi there! I’m having an issue with the menu of my site when it is viewed on mobile.

    I currently have two menu tabs in place (‘Rankings’ and ‘Throwbacks’ that have ‘sub-categories’ (don’t know how to word it properly but hopefully you know what I mean!). These obviously pop up on desktop when you hover over the main tabs. However I have noticed that when I enter the menu on my phone, it just looks like one long messy list of categories – there’s no distinction between the main ones and the sub-categories. Is there any way to change this so that the different sections of the menu are clearly defined on mobile (without messing up how they appear on the desktop)??

    The blog I need help with is: eurovisionbyjaz.com

    #148087

    scottrrollo
    Theme Author

    Hey there, @eurovisionbyjaz 👋

    As it happens, that’s by design. I know the long menu can look a bit intimidating but it makes things much easier for your readers on a touch-enabled device.

    One less-than-ideal way to solve this problem is to reduce the amount of menu items you have, if that’s possible with your site design.

    Sorry that’s now the news you’re looking for!

The topic ‘Menu Not "Nested" on Mobile’ is closed to new replies.