Specific fixed header variation

Site URL: https://freedomofmovement.squarespace.com/

Hello, I am in the process of building a site and would need your help. I use the Growwell template and have a question about a specific header/navigation.

I would like to have a fixed header that is first transparent/dynamic when opening a page (as it is at the moment on my site) so that photos and videos are not covered. Only when scrolling it should become a colored bar. I would like to adjust the color of the header to the background color of the specific subpages, i.e. the header should get a different color on each page. Here is a squarespace page with my requested header variation. https://www.thehappinessinstitute.at/ 

Can someone explain me how to create such a header? I would be very happy about your help!

Hi. What is password?

Ah sorry, the password is: fom2022
 

16 hours ago, SimonFr said:

Ah sorry, the password is: fom2022
 

First, you need to enable Fixed Header

Ah cool, thats it, thank's a lot. It's almost like I wanted to have it. On the subpage 'retreats' I would like to keep the navigation bar in beige. It's the only site where it doesn't work out (it probably has something to do with the image block I use). Do you know how to do that? 
 

On 8/12/2022 at 12:35 AM, SimonFr said:

Ah cool, thats it, thank's a lot. It's almost like I wanted to have it. On the subpage 'retreats' I would like to keep the navigation bar in beige. It's the only site where it doesn't work out (it probably has something to do with the image block I use). Do you know how to do that? 
 

It looks like you solved? or you mean header color to beige on scroll?