I am trying to trigger my navigation to change color after scrolling past the hero. Is there a way I can trigger the change by div or pixel? I currently have my nav as a sticky nav and want to keep that. this is what I'm working with.
Hi @AThompson_social - I've used this in the past and it worked well for me on Brine template:
1. Add this to Settings > Advanced > header code injection:
(Change the scroll height you
For what it's worth, for templates based on Brine , the number of concerns when creating a fixed header are much greater than is typically appreciated, and include:
differences between index and
Question
AThompson_social 1
Hi friends,
I am trying to trigger my navigation to change color after scrolling past the hero. Is there a way I can trigger the change by div or pixel? I currently have my nav as a sticky nav and want to keep that. this is what I'm working with.
/*sticky nav https://forum.squarespace.com/topic/142732-brinekeene-sticky-navigation/#comment-184292*/ Header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } // fix mobile nav .Mobile-bar--top { position: fixed; top: 0; left: 0; right: 0; background: #173d56; } .Mobile-bar { position: fixed; z-index: 99999; } // move mobile overlay down .Mobile-overlay-menu-main { padding-top: 80px; }
any help would be GREATLY APPRECIATED
link to site
Link to post
Top Posters For This Question
5
3
2
2
Popular Days
Nov 20
3
Jul 4
3
Nov 19
2
Jan 3
1
Top Posters For This Question
AThompson_social 5 posts
tuanphan 3 posts
lu.diehl 2 posts
Adam9 2 posts
Popular Days
Nov 20 2019
3 posts
Jul 4 2020
3 posts
Nov 19 2019
2 posts
Jan 3 2020
1 post
Popular Posts
lu.diehl
Hi @AThompson_social - I've used this in the past and it worked well for me on Brine template: 1. Add this to Settings > Advanced > header code injection: (Change the scroll height you
brandon
For what it's worth, for templates based on Brine , the number of concerns when creating a fixed header are much greater than is typically appreciated, and include: differences between index and
Joeyearthly
@AThompson_social, to change the font color, follow the guidance from @lu.diehl but target 'Header-nav-item' rather than 'Header'.
Posted Images
17 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