X-Pro Header with transparent sticky top bar and video

Support
#1

Hi there,
this is the new page I’m working on.


When I scroll the header stays transparent. I want the header’s background color to change when I scroll.
Like this page.
https://studio540.com
Tried but doesn’t work.

Best regards Thomas

#2

Hi @riwaro,

Thank you for writing in, since you’re using PRO, please remove the custom JS you used first. To do this, duplicate your first Bar, the original bar will be your none sticky transparent header.

Now the duplicate (2nd) bar will be your fixed bar navigation, with a colored background. Set this bar to be a Sticky Bar and Hide Initially.



This way you’ll have full control over your static bar (transparent) and sticky bar (colored bar)

Hope it helps,
Cheers!

#3

Thank you very much. It works

Thomas

#4

You’re very welcome, Thomas!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.