How to hide by default the menu on mobile and make it appear on scroll ?

  • Author
    Posts
  • #55611
    quasi
    Power User

    Thanks for the answer.

    Website: laraffineriesonore.fr

    #55629
    Zed
    Cryout Creations mastermind

    I’m not sure I understand the question. The mobile menu appears from the left when you tap the menu icon at the top of the site. How should the menu appear on scroll? What kind of scroll (side scroll)?


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #55645
    quasi
    Power User

    When you are browsing on a mobile, if you go to the homepage it appears like that (see image).

    Capture

    You can’t see the main image as the menu is over it. I would like to know how to make the menu appear only when the user scrolls.

    I hope it’s more undestandable.

    • This reply was modified 7 years ago by quasi.
    #55652
    Zed
    Cryout Creations mastermind

    I see you’ve set custom styling to make the menu fixed on mobile devices as well. You need to disable this (and let the default theme behaviour) or reserve space for it in the content (as to not overlap the slider):

    @media (max-width: 1150px) {
       .septera-landing-page #content { margin-top: 85px; }
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #55664
    quasi
    Power User

    Many thanks, it works perfectly. The fixed menu on mobile is another great solution you provided me.

    I’m very happy to have bought this theme, it fits my needs and the support is great ! 🙂

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How to hide by default the menu on mobile and make it appear on scroll ?’ is closed to new replies.