Creating Static Header - Harris Template

I'm using the Harris template for my website, and I'd like for the header at the top to stay in place when scrolling down the content of the page. Is there a simple customization I can add to make that happen?

Thanks in advance for any help!

@therealcarlx Add to Home > Design > Custom CSS

header#header {
    position: sticky;
    top: 0;
    background: #f2f2f2;
}

Perfect! Thanks so much!

After freezing the header, I think I'd also like to freeze the banner on each page. Is there a fairly straightforward way to do that?

Again...many, many thanks!

On 10/26/2019 at 8:32 AM, tuanphan said:

@therealcarlx Add to Home > Design > Custom CSS

header#header {
    position: sticky;
    top: 0;
    background: #f2f2f2;
}

 

With a sticky header, how can you make the color of that entire bar change whenever it scrolls off the very top of the webpage?

On 5/5/2022 at 2:47 AM, ML98 said:

With a sticky header, how can you make the color of that entire bar change whenever it scrolls off the very top of the webpage?

Hi,

This will require JavaScript code. If you use a Business Plan or higher, please share link to your site, we can give code easier