Premium Theme Support › Anariel Design › Maisha

Freeze the menu while scrolling down

  • Author
    Posts
  • #160706
    reflectivecoaching2020
    Member

    Hello Ana,

    unfortunately I have one more question.
    Is it possible to freeze the menu so that it stays at the top of the page when you scroll down?

    Thank you!

    The blog I need help with is: (visible only to logged in users)

    #160748
    anarieldesign
    Theme Author

    Hi,

    it’s possible with a Custom CSS but you’ll need to check your website on other screens and adapt other things if needed:

    body header#masthead {
background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 200;
}
media screen and (max-width: 59.6875em) {
body .site-header {
    position: relative;
    width: 100%;
    z-index: 2;
}
}
.aboutpage .cd-fixed-bg-one {
    padding: 200px 0 80px 0;
}

    All the best,
    Ana

    #160760
    reflectivecoaching2020
    Member
    Original poster

    Hello Ana,

    thank you for your fast response!

    Unfortunately the fixed part is too wide. Do you know how I can adjust the width so that the heading in the headers is completely legible again?

    All the best

    #160801
    anarieldesign
    Theme Author

    Hi,

    unfortunately without seeing your website I can’t help more with it. If you can make your website public, I can check it out and help further.

    All the best,
    Ana

  • The topic ‘Freeze the menu while scrolling down’ is closed to new replies.