Sticky Only Appear Once Crossed over on Screen

[santosfel5]

How can I have my sticky menu in my custom Header appear only once it’s reached the top of the non-sticky menu on the page? I can achieve this with code, but I wanted to know if Pro Headers offered anything that can achieve this out of box.

A video example here: https://www.youtube.com/watch?v=1QIpAwf7aCc

At :10 is how my sticky menu is actually behaving presently.

Also, how can I have the background fade from 0% opacity to full opacity once it turns sticky? You’ll see an example of this at the beginning of the video.

[lely]

Hi @santosfel5,

On the sticky setup settings, there is TRIGGER SELECTOR option, please add a class on it. Add this class then on your non sticky bar under Customize tab > Class text field.

Hope this helps.