Transparent Header become opaque upon scrolling

Hi all, I would like to create a transparent header that becomes a solid colour upon scrolling.

An example would be like this.

Currently, I have already created the transparent header using this.

However, how do i make it a solid colour upon scrolling?

  • Ben

I would like to know this as well. Any update on this?

Hello, If you are using beaver builder theme builder for creating header you can add a small CSS code in your customizer section

header.fl-theme-builder-header-scrolled {
background-color:blue !important;