Freeze the menu while scrolling down

  • Author
    Posts
  • #160706

    reflectivecoaching2020
    Member
    Original poster

    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: reflective-coaching.com

    #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.