Archived topic
Custom Link Dropdowns on Mobile
1 reply · Started by antware on November 12, 2021
Good day
I have a situation where when I create custom link menu items to serve as parents for dropdown on desktop, they work as they should. On hover there is a dropdown.
On mobile though I have to click the very small black arrow for it to dropdown. Is there any way I could click anywhere on the li menu item to make it dropdown to reveal sub-menu items on mobile instead. A filter maybe?
I know under Appearance -> Customise -> Layout -> Primary menu you can make it clickable on Menu Item, but then I lose the hover effect on Desktop.
So basically need Hover on desktop for Custom Menu Links (#) and whole Menu Item on Mobile, not just on small chevron icon.
Thanks guys.
Hi there,
The easiest solution would be to create a separate menu for mobile only:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#create-a%C2%A0new-menu
Then use the off canvas panel on mobile only:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#create-a%C2%A0new-menu
https://docs.generatepress.com/article/off-canvas-panel-overview/
Let me know if this helps :)
