Header/menu color

Hi, nesnajkneh

Thanks for contacting us!

To change the color of the header, Go to Appearance >> Customize >> Additional CSS and add the given below custom CSS code:

body.page .navbar-custom, body.woocommerce .navbar-custom, .archive .navbar-custom, .search .navbar-custom, .single .navbar-custom, body.blog .navbar-custom, .error404 .navbar-custom {
    background-color: #2a83e8;
}

You can change the value of the background-color as per your need.

And if you want to change the color of the menus, there is a setting for this in the customizer. Go to Customizer >> Color & Background >> Primary Menus

Thanks
Rishabh

thanks, that works like a charm!

Nog the blue color still does appear when opening the menu on a mobile device as the menu background color. Where or how do change that one please?

To do this, add the given below custom CSS code in the Additional CSS box:

@media (max-width: 1100px) {
body.page .navbar-custom, body.woocommerce .navbar-custom, .archive .navbar-custom, .search .navbar-custom, .single .navbar-custom, body.blog .navbar-custom, .error404 .navbar-custom {
    background-color: #2a83e8;
}
.navbar-collapse, .navbar-collapse.collapse.in {
    background-color: #2a83e8 !important;
}}

I hope it will work for you.

Thanks
Rishabh

thanks a lot!

• This reply was modified 3 years, 3 months ago by nesnajkneh.

Glad to help you!

If you like our Theme & Support, kindly rate us HERE.

Thanks
Rishabh