Background color on menu header

Hi There

I am struggling to change the color of my background on the menu header.

Would you have any idea on where to change it ?

Thank you in advance for your help,

Erik

Dear Erik,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.site-header.float-header {
  background-color: rgba(255,0,0,0.9) !important;
}      


@media only screen and (max-width:991px){
  
  .site-header {
    background-color: #ff0000 !important;
  }
  
}

You can find the RGB values of color here.

Regards,
Kharis

Hi Kharis

I might have misunderstood your mail but it does not work.

Can you confirm I input all the code below ? It sounds like there are 2
sets of code ?

Thank you in advance for your help,

Regards,

Erik

Dear Erik,

Yes, you should insert those code.

We need a new code inside @media only screen and (max-width:991px){ line for mobile screen view.

Regards,
Kharis

Dear Kharis

I do not manage to make it work.

Please find hereafter my URL if it can help: http://adsound.tv/index.php/fr/

Thank you in advance for your help,

Erik

Dear Erik,

Try to apply the following CSS code:

.site-header{
  background-color: rgba(255,0,0,0.9) !important;
} 

Regards,
Kharis

Dear Kharis

I am afraid the background color is now red …

Please check on the site.

thank you in advance for your help,

Erik

Hi Kharis,
I have the same problem on my website new.selectors.dk my menu is transparent until strolling down - I want to have a dark blue colour on the menu header on all pages: #18395c. I want the colour to be there regardless of scrolling down or not.

I hope you can help.

Kind regards,
Lisa

Hi Lisa,

Thank you for chiming in. Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #masthead.site-header,
    #masthead.site-header.float-header {
        background-color: #18395c;
    }

    @media only screen and (max-width: 1024px) {
      #masthead.site-header {
        background-color: #18395c;
      }
    }

Regards,
Kharis
aThemes Support

Perfect! thank you so much.

Kind regards,
Lisa

1 Like

You’re welcome Lisa!

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
aThemes Support