I used some CSS to adjust the header styles on this site:
We are currently using a "fixed" header and it's working great, but I was wondering if there is a way that we can adjust when the "scroll" style starts? We would like the style to remain the same until you get about 700px down the page, then change to the "scroll" style.
I know there is an option with the "sticky" header to set this, but then we lose the initial header until you get to that page, and that's not what we want to do (plus, when I changed to that option, it added a bunch of extra space and messed up our styles)
Thank you for your help!
Sorry for a late reply, we had a day off due to a Remembrance Day.
The < header > element gets the 'scrolled' class on scroll, you can use it to style the header before/after scroll only:
Unfortunately it is not possible to control when this class will be added, the header behavior is handled by built-in script ( JS ). By default, there is no any delay, the class is added immediately on scroll.
* The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/
* You can also check our articles with useful tips and suggestions