Jump to content

How to make section content be full bleed behind navigation bar

Recommended Posts

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

Password: steph



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! 



Link to comment
  • Replies 3
  • Views 827
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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. 

Link to comment
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;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.