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,447
    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

    * 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

    Best Regards,

    Qode