Offset hidden header bar

[Lacylou]

Howdy!

I am trying to create an effect with the header on my site and I am missing the mark on the final piece.

There are two header bars, one is sticky, one is not. As the large header scrolls off the page a secondary comes down and remains sticky. I don’t want the second header to appear until the first one scrolls off - and I am having a hard time determining how to do this.

https://staging2.casareinastaug.com/

Thank you!

[marc_a]

Hi @Lacylou,

Thanks for reaching out!

I just check your website and I don’t see your issue because when I tried to scroll down your first bar hides then the secondary comes down. Would you mind sharing more information on how we can replicate it?

Hope that helps.

[Lacylou]

Howdy - I guess I was just curious to see if there was a way to not have the second bar fully pop up until the first one is completely off the screen.
– Because the background on the second bar is transparent, its a little odd to see the first bar float underneath the second - if that makes sense.

[prakash_s]

Hello @Lacylou,

You need to adjust the Header Bar “Trigger Offset”. For that, you need to go to Header builder—>Bar—>Sticky —>Trigger Offset. Please have a look at the given screenshot below.

Hope it helps
Thanks