tplazol 0 Share Posted December 18, 2019 (edited) Hey, I would like to invert the navigation color on Banner Images (.Index-page--has-image), so that when I scroll down the website the navigation changes color when it hits banner image sections. here is my website : ventrus.fr Thank's for your help Edited December 19, 2019 by tplazol Link to post
0 christyprice 655 Share Posted December 19, 2019 Hi @tplazol, On the pages where you'd like the logo inverted, try adding this code to the Page Settings > Advanced: Page Header Code Injection <style> .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
0 tplazol 0 Author Share Posted December 19, 2019 Hi @christyprice thank you so much for your quick reply :). I'm looking to invert the primary navigation (on the right side of my website https://ventrus.fr) on banner image sections of my index page. I changed the .Header-branding-logo to .Header-nav--primary and the navigation inverts only when you leave the index page and go to the specific page targeted. But when you actually scroll through the index page, the navigation color stays the same throughout. Thank you for your help. Link to post
0 christyprice 655 Share Posted December 20, 2019 Ah, sorry - I misread your original post and didn't realize there was a navigation going down the side. Offhand, I'm not sure how the nav would know when it's over a particular index section - that looks like it's custom code? I'd ask the original developer or perhaps someone else here can help you out. christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
Question
tplazol 0
Hey,
I would like to invert the navigation color on Banner Images (.Index-page--has-image), so that when I scroll down the website the navigation changes color when it hits banner image sections.
here is my website : ventrus.fr
Thank's for your help
Edited by tplazolLink to post
Top Posters For This Question
2
2
Popular Days
Dec 19
2
Dec 18
1
Dec 20
1
Top Posters For This Question
tplazol 2 posts
christyprice 2 posts
Popular Days
Dec 19 2019
2 posts
Dec 18 2019
1 post
Dec 20 2019
1 post
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment