Need full bleed image width that does NOT go behind header. Brine template.

Hi. I need my header to be a solid white background. Immediately below the header, I need an image that fully bleeds to each side of the screen. It seems the only way to do this is with a banner image. When I add a banner image, it also stretches up behind the header, replacing my white background. I've spent hours dealing with this and its incredibly frustrating since it should be the simplest thing to do. Please help!

@WRG34 Can you share site url?

www.power10davis.com/home

@WRG34 Use this CSS to change Header Background Color (Home > Design > Custom CSS)

header.Header.Header--top {
   background-color: red;
}

Thanks for the suggestion. What actually fixed the problem was going to design styles then changing the branding and nav position from 'bottom' to 'top' and then I could change the background to white. So simple and yet how could you ever figure that out!? Hopefully Squarespace has some improvements to UX coming soon.

Amazing, I was trying to do exactly the same thing. Thanks you saved me a lot of time!

@WRG34Hi, thanks for sharing the method to put the full-bleed image below the header, but I couldn't find design styles and branding and nav position as you mentioned in your post. Could you please provide more details about how to get there? Thanks.

On 1/20/2021 at 3:53 AM, VinnieMou said:

@WRG34Hi, thanks for sharing the method to put the full-bleed image below the header, but I couldn't find design styles and branding and nav position as you mentioned in your post. Could you please provide more details about how to get there? Thanks.

Can you share site url? We can check easier

I am trying to do the same thing and also cant find the design styles and branding etc. my url is www.lauraarmstrong.com.au

On 3/5/2021 at 6:14 AM, LauraArmstrong said:

I am trying to do the same thing and also cant find the design styles and branding etc. my url is www.lauraarmstrong.com.au

 

It looks fine here. Did you solve it?

Also do you want to increase this form width on tablet?