How To Change Sticky Header BG Color?

Hello,

How do I:

1. What’s the CSS to Make the sticky header BG a transparent color?

Thank you,

Hello,

Please, provide us your website url and we will prepare you CSS for that.

Regards

Hi,

Thank you please see below:

Thank you. Try to add this code snippet to the Custom CSS in Theme Settings

.main-header.header-has-no-bg.color-scheme-light.act-scroll {
    background-color: rgb(3, 57, 140);
}

Regards

Hello,

Unfortunately that did not work. Please see below image:

Also, can I make the header BG color a different color than the HOME color?

Thank you,

Hi,

It doesn’t work because you have set wrong color for it’s background. Now it is set to background-color: 003399;. But should be something like background-color: #003399;. Please check it.

[Author]

Posts