Transparent Header, Fixed Scroll with Background

Hope someone can help.

I have a transparent header with white navigation options and  a video header background.

Once I start scrolling, I need the menu to become sticky and not transparent with a solid grey background. 

Can you share the website URL, page, and password (if applicable)? Thanks!

(In Squarespace 7.1) You should be able to set the header to fixed - basic and dynamic, which should achieve the look you want.

On 11/4/2022 at 1:03 PM, Ziggy said:

(In Squarespace 7.1) You should be able to set the header to fixed - basic and dynamic, which should achieve the look you want.

@Ziggy https://www.weareverb.co.uk/ pass: VERB (homepage)   So it's currently transparent on the header but as I scroll I want it to be sticky with a solid background on scrolling. 

Did you enable the setting as I suggested? Header -> fixed - basic and dynamic in header styles?

@Ziggy it worked! Thank you 🙂

No problem happy to help!

Hey there, I tried this and it worked but still have a few issues:

1. If there is a way to make the animation transition more gradual? It's quite choppy.

2. Can a very thin while line be added to the edge of the header? As found on this website https://www.mossy.earth (they use a black line for their white header but my header is a red colour so white is better for contrast).

3. Is there is a way to apply the same colour header to all pages regardless of section block background colour?

On 8/9/2024 at 4:43 PM, gearoid98 said:

Hey there, I tried this and it worked but still have a few issues:

1. If there is a way to make the animation transition more gradual? It's quite choppy.

2. Can a very thin while line be added to the edge of the header? As found on this website https://www.mossy.earth (they use a black line for their white header but my header is a red colour so white is better for contrast).

3. Is there is a way to apply the same colour header to all pages regardless of section block background colour?

What is your site url? We can check easier