Archived topic
Main navigation: navigation closes when scrolling down (on mobile)
7 replies · Started by Fabrice on March 19, 2021
Hello,
I have an issue with the main navigation on mobile (iOS): when pressing on first level item which has several sub-items, it correctly displays the subpages and I can successfully press on one of the links to open it. However, I cannot scroll down to see the sub-items below, it closes the navigation instead and remains on the current page.
Thanks for your assistance.
Best regards,
Fabrice
Hi Fabrice,
It does happen when the navigation gets too long.
For extensive mobile navigation, I would recommend to use slide out navigation. :)
https://docs.generatepress.com/article/off-canvas-panel-overview/
Hi Ying,
Thanks for your answer. I enabled the slide out navigation, but the issue is still there... The navigation disappears when I scroll down.
Fabrice
Just checked the site but not seeing the slideout navigation.
Can you confirm?
Let me know :)
Hi Leo,
Oups sorry... The not optimal translation in french of "slideout navigation" induced me in error... I found the right setting by switching the Wordpress interface to english and now it is enabled. It is indeed a good workaround of the scrolling issue with the standard navigation. Thanks.
Another issue I have is that while I have set "Sticky navigation" to "On", the top navigation bar is not sticky on mobile (it is on desktop). Is there a way to fix this?
Thanks!
Fabrice
You are using mobile header, so you'll need to turn the header to sticky not only the navigation :)
Check Customizing > Layout > Header, turn the sticky on:
https://www.screencast.com/t/slNMpQklX
Thanks a lot for your help, it is all good now!
Awesome :)
Glad to help!
