Tremont - Show header only at top of page

Site URL: https://www.juergenhofmann.com/tierfotografie

Hi everyone!

So I started using the Tremont Theme and I'm super happy so far with it. Just two minor tweaks I'd like to try for the header (want to try both, but only want the better option active afterwards):

Option 1: Show header only at the top of the page

Right now, the header shows when you open a page (that's fine). When you start scrolling down it hides (still fine). But as soon as you start scrolling up, it appears again, which looks a bit off in the middle of the page if the logo and navigation bar covers pictures / texts. Is there a CSS or option so I can make the header only appear when I'm at the top of the page?

Option 2: Add a white background over the whole header bar

Is it possible to give the whole header area a white background? hex #ffffff / Maybe with adjustable opacity?

Thanks much and Happy Sunday 🙂

Option 2. Add to Home > Design > Custom CSS

header#siteHeader {
    background: white;
}

happy monday 😅

You sir are a blessing for the entire squarespace community. May your pillow always be soft and comfy!