Jump to content

Header background is not showing when first section has banner

Go to solution Solved by jane-clique,

Recommended Posts

I’ve set the website header to have a black background. However, when the first section includes a banner picture, it overrides the header’s background. How can I make the header background remain consistent across all pages?

image.thumb.png.153b17c14b6903a83d920d3baa9eb1cd.png

 

The target header is like this:
image.thumb.png.6541fec86b524213c49d94753335e694.png

Link to comment
  • Replies 5
  • Views 305
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

This is because the header is set to dynamic in the header settings, change it to solid.

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
2 hours ago, jane-clique said:

Hi Ziggy, Any chance this could be fixed with CSS?

Yes, can you share your website URL?

The first comment I made was not relevant since you are on an old template website, which I couldn't tell from just the screenshot.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

Thanks, Ziggy for your time. I was able to fix it with this code.

/* Header freeze */
.Header { 
 background-color: black !important;
}

Previously, it's just background-color: black
Realized how important !important is. 😅

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.