Hey
I got a similar problem as this topic, but in the Enfold theme: https://kriesi.at/support/topic/responsive-menu-on-iphone/
I’ve got a parent menu link which is disabled (meaning I don’t want them to have a page, it’s only there as label for the sub menu items). This works fine on the desktop version but unfortunately these parent menu links are clickable on the responsive menu and therefore brings up the same page as before when clicking on it.
Is it possible to disable that menu link in the responsive menu?
Thanks a lot and regards
Tom
Hi Tom!
Thank you for using Enfold.
Are you referring to the “Projects 2” menu item? Please add this on Quick CSS:
ul#mobile-advanced li#menu-item-766 a {
pointer-events: none !important;
}
Best regards,
Ismael
Hi Ismael
Thanks for your answer.
In fact it is the ‘Projects’ folder. I changed the code for the correct class, so it should be:
ul#mobile-advanced li#menu-item-505 a {
pointer-events: none !important;
}
But … the submenu-items are also not-clickable now. And they should be.
So: ‘Projects’ is not clickable, ‘Penthouse’, ‘House DS’ … are clickable.
Regards
Tom
Solved: this is the code
ul#mobile-advanced li.menu-item-has-children a {
pointer-events: none !important;
}
ul#mobile-advanced li.menu-item-has-children ul.sub-menu a {
pointer-events: auto !important;
}