Archived topic
Drop-down in Sticky menu on mobile
8 replies · Started by Matej on January 30, 2019
Hello,
I would like to have a sticky menu and have a drop-down inside that. Unfortunately, on mobile, it doesn't scroll down through the menu, so it's impossible to reach the last items in the drop-down.
Is there any workaround, how to fix this?
Thanks,
Matej
And the second question - would it be possible to have clickable not just the arrow, but also the text to open the drop-down list?
Hi there,
For your case, I would recommend using the slideout navigation on mobile:
https://docs.generatepress.com/article/activating-slide-out-navigation/
For the second question, this should help:
https://docs.generatepress.com/article/navigation-dropdown/
Let me know :)
Thanks for the reply.
Slide-out navigation is not good enough, because I would like to have the menu button visible even after scrolling down on mobile.
About the clickable dropdown - is there a way, how to make in on hover on the desktop and clickable on mobile?
Thanks!
Not sure if I understand.
You can use sticky navigation regardless slideout navigation is used or not.
I'm not sure if there is a workaround solution when the submenu is this long.
Have you seen a working solution somewhere else?
Click should be the default option for mobile even when hover option is selected as there isn't hover on mobile (no cursor).
The click works on mobile when the hover option is selected. However just on the arrow, not on the text. Is it possible to make even the text clickable when the hover is selected by default?
Can you try adding # as the parent menu item link?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-link
That works, thanks a lot!
No problem :)
