Site logo

[Resolved] Main navigation: navigation closes when scrolling down (on mobile)

Home Forums Support [Resolved] Main navigation: navigation closes when scrolling down (on mobile)

Home Forums Support Main navigation: navigation closes when scrolling down (on mobile)

  • This topic has 7 replies, 3 voices, and was last updated 5 years ago by Ying.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1701616
    Fabrice

    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

    #1702356
    Ying
    Staff
    Customer Support

    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/

    #1702399
    Fabrice

    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

    #1702414
    Leo
    Staff
    Customer Support

    Just checked the site but not seeing the slideout navigation.

    Can you confirm?

    Let me know 🙂

    #1702543
    Fabrice

    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

    #1703042
    Ying
    Staff
    Customer Support

    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

    #1703492
    Fabrice

    Thanks a lot for your help, it is all good now!

    #1704229
    Ying
    Staff
    Customer Support

    Awesome 🙂
    Glad to help!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.