Jump to content

Brine: Make header transparent only on the homepage?

Recommended Posts

I'm looking for a way to make my header transparent only on my homescreen. Unfortunately, there is no option to keep the header transparent when over images, so I'm left leaving it as a solid color on every page, or transparent on every page (which means it can't be seen with my current colors). Does anyone know how to solve this? I'd appreciate the help.

Site: link textPassword: Hellomammoth821!

Link to comment
  • Replies 3
  • Views 5.5k
  • Created
  • Last Reply

Are you using Custom Code Injection? If so, the styling will take place on all pages. To have styling only affect a certain page, place the code in its own page header.


<style>
   .ancillary-header-primary-nav-position-bottom-right.has-primary-nav .Header--bottom  { background: none !important; }
</style>

If the above code is working, then follow the directions here in the section "Per-page Code Injection."

https://support.squarespace.com/hc/en-us/articles/205815908-Using-Code-Injection

Link to comment
  • 4 months later...
  • 4 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.