Can’t select Submenu item in mobile view

  • Resolved Marc

    (@socratec)


    1 year, 11 months ago

    Hi all,

    Thanks you for the great Rookie Theme and also Sportspress plugins.
    Using mobile view and submenus does not function well. The submenu expands when I select the item on the main menu and quickly disappears and this page is loaded. So I am not able to select a submenu item. See i.e. OCHTENDPROGRAMMA (MO10-MO13) on my site.
    Can you please advise on how to prevent this and make selecting a submenu item possible?
    Thank you for your superb support.

    Kind regards,
    Marc

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Savvas

    (@savvasha)

    1 year, 11 months ago

    Hi @socratec ,

    You can try to use a third-party plugin for your mobile menu like WP Hamburger

    Thanks,
    Savvas

    Thread Starter Marc

    (@socratec)

    1 year, 11 months ago

    H Savvas,

    Thanks for your Quick reply. I will try the suggested plugin.

    But am curious, is the current behaviour of the menu as intended in Rookie template?

    Thanks

    Marc

    Savvas

    (@savvasha)

    1 year, 11 months ago

    It seems like this is the default behaviour currently. There is an old PR at https://github.com/ThemeBoy/Rookie/pull/31/commits/a446645ce72b1c796bc6aa6e28e6e0d213e693dd that change this. You can try to apply it and give some feedback if you want 🙂

    Thanks,
    Savvas

    Thread Starter Marc

    (@socratec)

    1 year, 11 months ago

    Thanks for the link and the support. As the theme I am also a rookie, but in JS.

    So I tried to find a solution in CSS. For now I just open all submenu items on the second level in mobile view by adding this code to Child Rookie CSS:

    @media only screen and (max-width: 600px) {
.main-navigation ul ul {
	display: block;  /* Show also 2nd level menuitems*/
}
}

    Kind regards,
    Marc

    Roch

    (@rochesterj)

    1 year, 10 months ago

    Thanks for sharing this, Marc!

    swissroach

    (@swissroach)

    1 year, 8 months ago

    You could generate a menu entry of the type “indiviual link” and as URL type some random address (e.g. https://123), because it wouldn’t let you add an individual link to your menu without a valid URL.
    Add it to your menu and then delete the URL afterwards, so that it becomes empty.

    Now you can tap this menu entry and it just opens the submenu (loads nothing because it can’t). On desktops it also just opens the submenu if you click on the menu entry.

    Of course this method only works, when you don’t want any website behind the main menu entry itself.

    Best regards,
    Stephan

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can’t select Submenu item in mobile view’ is closed to new replies.