Can’t select Submenu item in mobile view

Hi @socratec ,

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

Thanks,
Savvas

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

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

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

Thanks for sharing this, Marc!

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