Jump to content

Transparent header not always transparent

Recommended Posts

Posted

I have my header set to be transparent. But, on one page, a solid color remains when scrolled down the page. I have the color settings the same throughout.

I'm not able to provide a link because the site isn't public yet. 

Any suggestions? Thanks!

  • Replies 4
  • Views 634
  • Created
  • Last Reply
  • 4 weeks later...
Posted

I have the same issue. The header starts out as transparent but reverts to the page's background color on scroll. 

If I scroll all the way back up to the top of the page the background color on the nav fades back to transparent. 

Is there a fix for this?

 

Posted

I've actually got a bit of code i'm using on my site to make the header transparent. My issue however is that the header is transparent on all pages, and i'd really like to have it transparent for just one

 

header#header {
    background: transparent !important;
}

Posted
On 3/24/2021 at 9:41 AM, gloomsogood said:

I've actually got a bit of code i'm using on my site to make the header transparent. My issue however is that the header is transparent on all pages, and i'd really like to have it transparent for just one

 

header#header {
    background: transparent !important;
}

Add to Page Header (Hover page on Main Navigation/Not Linked > Click Gear icon to Open Page Header)

<style>
  header#header {
    background: transparent !important;
}
</style>

 

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

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.