Okay
  Public Ticket #1778108
Change positiion that fixed header uses the "scroll" style
Closed

Comments

  •  2
    sparklesquad started the conversation

    Hi, 

    I used some CSS to adjust the header styles on this site: 

    http://shayrealtors.com

    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!

  •  1,614
    Qode replied

    Hello, 

    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: 

    https://monosnap.com/file/CeXZtUGXQ0MLmuttbisZ7uOUyDhDiA

    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. 

    Best regards, 

    Ian


    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.