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.
Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.