Pro Header: Opacity changes when scrolling down

[wwashington0001]

Hi all,

I’ve got the Pro Header Builder and I’ve learned how to make the header shrink upon scrolling, it’s supported in the UI.

However I can’t figure out how to change the opacity when you scroll from the top of the page. I want the header to be absolute and transparent with a video being the hero, but upon scrolling down the header would change to being opaque. How do I do this?

[ruenel]

Hello @wwashington0001,

Thanks for writing in!

You can apply opacity in your bar settings upon scrolling the page. Please check out this video tutorial to know how to apply effects in your bar settings:
https://www.youtube.com/watch?v=-tvyYQAoyU0

Or perhaps, you may check out this related thread:

• X Pro Header : Behavior Header Navigation 2020 "Scroll Down Auto Hide & Appear on Scroll Up

Hope this helps.