How to make section content be full bleed behind navigation bar

Site URL: https://parakeet-carrot-xzxb.squarespace.com/

Password: steph

Hello, 

Does anyone know how to make the content of my website go flush (full bleed) behind the navigation bar (transparent) like in this example? Currently, I'm stuck with a navigation bar at the top, but I would like this to be transparent over the section content at the top of each page. 

Thank you for your help! 

Poppy

While editing your page, hover over your site header and click the "Edit Site Header" button. In the palette that appears, select "Style" (between the "Elements" and "Fixed Position" options). Select the drop down that doesn't really look like a drop down above the "Border" option and select the "Dynamic" option. 

Hi Trevor, thank you for your message! I have done this, but it doesn't mean I can have the section content full bleed behind the navigation as in the example "soul" image. Photo of my site attached below. 

Many thanks! Poppy

19 hours ago, PoppyShotts said:

Hi Trevor, thank you for your message! I have done this, but it doesn't mean I can have the section content full bleed behind the navigation as in the example "soul" image. Photo of my site attached below. 

 

Many thanks! Poppy

 

Try adding this to Design > Custom CSS

header#header {
    background-color: transparent !important;
}