How to set background for Header (Logo and Menu)

Hello There,

I wanted to set a background for header tab. There is black background is there when we scroll down but I want that similar black background at the start of the page also.

Thank you in advance.


Please post a link to your website, so I can give you a working Custom CSS to set a black background to your menu-bar.

Kind Regards,

Hi csada,

Thank you for your prompt response.

Please go through to the following link:



You can set the same background color to your regular menu ( with transparent background ) as your sticky menu with this Custom CSS:

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

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,

Hi Csaba,

Thank you so much, it works great. That’s exactly what I wanted.
Thanks Again.


Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,