Transparent header to solid when scrolling

[Heike_Eco]

Hi there,

I would like to make my header transparent and then move to solid when scrolled down the page. An example of this is on this website https://www.doyouyoga.com/

Could you please let me know how I can do this? I have tried various codes but none seem to work.

Thanks,
Heike

[friech]

Hi Heike,

Thank you for writing in, while that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here. Try following the guide provided here.

Hope it helps,
Cheers!

[petereilly]

Did you get this to work well or did you go somewhere else to make it work on your site?

[friech]

Hi @petereilly

I tested the codes provided on that site and it still works.

I see you have a PRO license, are you using PRO? with PRO you can have a separate Sticky Bar, which can achieve that same effect.

Thanks,