Jump to content

How to make section content be full bleed behind navigation bar

Recommended Posts

Posted

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

image.thumb.png.b7e72d3e6627013ae819d551490fd4fb.png

  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

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. 

Posted

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

 

image.thumb.png.7602ff7fbdfab312641e1b977000879d.png

Posted
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

 

image.thumb.png.7602ff7fbdfab312641e1b977000879d.png

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!)

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.