Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #28296

    is it possible to have the menu with logo and toggle menu button to be fixed when scrolling down?

    #137137

    Hey,

    Just add this on your custom.css or Quick CSS:

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

    Remove browser cache then reload the page.

    Cheers,

    Ismael

    #137138

    Try following css code – insert it into the quick css field

    .responsive #top #header {
    position: fixed !important;
    }

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

    You probably need to change the padding top value – it depends on your menu height and it can vary from website to website.

    #137139

    thanks but I want it to be sticky once the browser window reached logo+menu part

    #137140

    Hey,

    What do you mean by “window reached logo+menu part”?

    The code above should render the header fixed when viewing on mobile device.

    Regards,

    Ismael

    #137141

    No I mean I only want the Enfold logo and the toggle menu part to be fixed. Not the part with the social media icons

    #137142

    Hi f dech,

    Unfortunately not without a good bit of additional customization. There will need to be some javascript to detect when the window hits the spot where the secondary header section is and then switch the fixed position to on at that point.

    If its a must have feature for you I recommend looking into a freelance developer.

    Regards,

    Devin

    #137143

    ok devin thank you very much, I will look into that ;) and get back at you to share.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘fixed menu on mobile’ is closed to new replies.