Submenu to show as dropdown in Mobile Version
- The topic ‘Submenu to show as dropdown in Mobile Version’ is closed to new replies.
Need help? Check out our Support site, then
Hi there
On my web-version, the main menu is working OK. The submenus only shown when you click or hover your mouse over the main menu, and the submenus will come out.
But in the mobile version, when you click on the three dashed lines to show the menu, everthing comes up. I find it very messy. Is it possible that only the main ‘menu items’ come up and then the submenus show if you hover your mouse over it, similar as it does on the web-version?
The blog I need help with is: (visible only to logged in users)
Hello there,
thank you for writing and using our theme.
Yes, we understand your point.
The problem is that in mobile we don’t have the hover event, just the touch event. So if your parent element (for example “Hotel Reviews” in your case) is a real page or category page, when user makes a touch event on it, it will go to the Hotel Reviews page. No option to hide the submenú and wait until user clic on parent element to show the submenu, because the browser will go to the parent page immediately.
So unfortunately a third-party plugin is needed here to create a mobile version menu. Here you can find some examples:
https://es.wordpress.org/plugins/tags/responsive-menu/
Hope this helps :)
Ricardo P. from SiloCreativo