Sticky menu - remove transparent color during scrolling

Hello,

I have followed the code snippet to background color to menu for default state.

    .site-header {
      background-color: rgba(255, 255, 255, 0.3);
    }

However, when scrolling down, I would like that it assumes the color defined in the theme customizer (white) that has no transparency.

Can you please help?

Kind regards,

Goncalo

Hello Goncalo,

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header.float-header {
      background-color: rgba(255, 255, 255, 0.3);
    }

Regards,
Kharis

Hi Kharis,

It worked great.Thank you.

Regards,

Goncalo

You’re welcome Goncalo!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis