Lock header in place?

Hi,

Maybe you can try this css code:

header#masthead {
    position: fixed;
    width: 100%;
    top: 0;
}

.site-main {
    margin-top: 143px;
}

Thanks for helping! I copied and pasted the code into my child theme’s style.css file, but the only thing it did was push the page content down a few line below the bottom of the header. The header still went up as I scrolled the page down.

thecsww.com

Yeah, the content will downward below the header but you can adjust the value of margin-top from the code in above.

Can you paste again the css code in above and let me check why the header-fixed not working.

Thanks awanrmb, but I moved from Heiro to another theme. I really do appreciate your help.