Tansparent Menu then shrinks and changes to dark on scroll

Hello

I am building a test site and i would like it to have a transparent menu at the top when the site loads then if the user scrolls the logo shrinks and the background turns dark.

I have tried different methods. I can get a transparent menu but it stays transparent or a colored background menu but it also stays that way. I cant get to come up transparent then change on scroll.

I have modified fl-page-header, and fl-shrink-header. Any help would be appreciated.

Thanks

I actually figured it out. It was just in how I chained the classes in the css.

1 Like

I’m trying to do the same thing. Since you’ve solved it, would it be possible for you to share the code?
Or the principle for it.

That would be much wonderful!

Kind regards Christina