Jump to content

How to change logo color on adaptive header?

Recommended Posts

Posted

Site URL: https://poodle-fiddle-64jg.squarespace.com/sfshowcase

Hi all! 

I have a site with a fixed position adaptive header where the nav links change to the site's cream color against pages with a hero background image. The header has the "scroll back" function and nav links then change to navy blue when scrolling back. 

Everything is exactly as I'd like it to be, aside from the logo that is obviously not adaptive. Is there a piece of code I can add that triggers the logo to also change to the same cream color (#F2ECDF) against that top section?

https://poodle-fiddle-64jg.squarespace.com/sfshowcase

password: mango1

Thank you!

Posted

Recently, I faced the challenge of changing the logo color on my adaptive header. After some trial and error, I finally figured it out! I realized how crucial a well-designed logo is for branding. If you’re looking to elevate your site, consider consulting a professional logo design company. They can really help make your vision come to life!

Posted
5 hours ago, samthna said:

Site URL: https://poodle-fiddle-64jg.squarespace.com/sfshowcase

Hi all! 

I have a site with a fixed position adaptive header where the nav links change to the site's cream color against pages with a hero background image. The header has the "scroll back" function and nav links then change to navy blue when scrolling back. 

Everything is exactly as I'd like it to be, aside from the logo that is obviously not adaptive. Is there a piece of code I can add that triggers the logo to also change to the same cream color (#F2ECDF) against that top section?

https://poodle-fiddle-64jg.squarespace.com/sfshowcase

password: mango1

Thank you!

Please see the video and let me know if you want it.

https://www.loom.com/share/3870f49d50934d52856fcd151cc747df?sid=4513a1ef-0bff-4345-a07f-e54df56511e0

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.