Jump to content

Invert logo and navigation links colour, and make header transparent on scroll

Recommended Posts

Site URL: https://grape-primrose-9ww3.squarespace.com/

Hi, I am trying to change the appearance of the navigation menu as I scroll down the page. On scrolling past the header banner, I want the header background to remain transparent and the logo and navigation links to turn black. I have added some code already which was working before, but it seems like it has now stopped working for some reason...

Link to comment
  • Replies 8
  • Created
  • Last Reply
  • 4 weeks later...
On 10/24/2020 at 9:30 PM, Fayej said:

Site URL: https://grape-primrose-9ww3.squarespace.com/

Hi, I am trying to change the appearance of the navigation menu as I scroll down the page. On scrolling past the header banner, I want the header background to remain transparent and the logo and navigation links to turn black. I have added some code already which was working before, but it seems like it has now stopped working for some reason...

I'm looking for the same thing, did you find out what to do?

Emma

Link to comment
On 11/17/2020 at 9:00 PM, Arcanjo1 said:

yes I'd like them to change from light to dark as they pass over light and dark backgrounds, is that possible?

Hi. This is complex.

you can post on some FB groups: Squarespace Rockstars, Squarespace Entrepreneur, Squarespace Community, Squarespace Customization Resource Groups.

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

Link to comment
  • 2 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.