WordPress.org

Ready to get started?Download WordPress

Forums

Coller
Header (logo, icons, navi) position: fixed? (2 posts)

  1. tourug
    Member
    Posted 5 months ago #

    Hello,

    thank you for the great Theme.
    I have one question. Is is possible to make the whole header fixed, when scrolling? Maybe with position: fixed?

    Thx
    LG Tim

  2. CrouchingBruin
    Member
    Posted 5 months ago #

    Sure, you could add something like this to your Custom CSS:

    #masthead {
    position: fixed;
    background-color: #fff;
    }
    #site-navigation {
    position: fixed;
    top: 155px;
    }
    #content {
    margin-top: 220px;
    }

    The values I put in for top and margin-top were based on the size of my own header & nav bar, yours might be different depending upon any customizations that you've done.

    You'll also need to add a media query to adjust the top positions on smaller viewports (i.e., mobile devices).

Reply

You must log in to post.

About this Theme

About this Topic