Archived topic
Tablet & mobile menu
5 replies · Started by Richard on August 8, 2018
Hi,
IS there a way to make the tablet and mobile menus behave in the same way as desktop ie. when hovering over a child menu in the desktop version the grandchild menu appears, however the grandchild sub menu does not appear in the tablet/mobile version.
Might there be a way of making this happen?
My website is: http://www.acousticpercussion.com (for some reason it will not work with the prefix https://)
Many thanks for your help,
Richard
Hi there,
I'm not too sure what you mean. You want the sub-menus to appear on hover on mobile/tablet? How would a user hover on a touch device?
Let me know :)
Hi Tom,
Apologies, I wasn’t clear.
The hover function is only on the desktop, this I would like to keep. As it stands the tablet/mobile version is a case of clicking on the child menu options but if there is grandchild option within this child menu option it doesn’t appear, unlike the desktop version. Might there be a way of achieving this whilst keeping the settings as they are? I don’t want to have to make the desktop version a click option as this doesn’t feel natural on a desktop version.
Thanks for your help and time with this,
Best,
Richard
Ah, so by default you need to tap the arrows on mobile to open the sub-menus.
There isn't a way to have the menu item link somewhere, but have it open a sub-menu on mobile instead.
What you could do is create two different menu items. The desktop one (as it is now) would have this Custom Class: hide-on-mobile
Then create the mobile menu item, which would have the parent item as a "Custom Link" with a link to: #
The mobile menu item would have this class: hide-on-desktop
Having the URL as # will allow the entire menu item to be clicked on mobile to open the sub-menu.
Let me know if this helps or not :)
Great help Tom. Thanks so much
No problem! Glad I could help :)
