Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 10, 2025 at 12:34 am #1489111
    LibbiJenkins

    We have a one-page website https://wagesafe.ai/ and I need to make the header (or at least the menu) sticky on mobile devices. Currently you select a menu item and it scrolls you down the page to the anchor point but the menu then disappears. There is also no back to top arrow on mobile so you don’t really have an easy way to navigate to another section of the page. Does anyone know a way to fix this please?

    September 10, 2025 at 6:00 am #1489114
    LibbiJenkins

    I sorted this one out so you can close it. For anyone else looking for a solution add this to Quick CSS:

    @media only screen and (max-width:767px) {
    .responsive #top #wrap_all #header {
    position: fixed !important;
    }

    .responsive #top #main {
    padding-top: 100px !important;
    }

    #header_meta {
    display: none;
    }
    }

    September 10, 2025 at 7:16 am #1489117
    Ismael

    Hi,

    Great! Glad to know that you’ve managed to sort this one out. Please feel free to open another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Sticky menu on mobile for one-page website’ is closed to new replies.