Header background colour problems on WordPress

[Lotster]

Good day,

I recently inherited a WordPress website from a previous developer. The website uses the Jupiter theme. One of the first things that the customer asked me to change was the header background colour. Piece of cake, right? Yeah, right.

I changed the header’s background colour from a transparent background to solid white using Jupiter’s settings, but once you scroll down there are blocks to the left and right of the menu bar that changes colour. I know theoretically I should be able to change this in Jupiter’s settings as well, but nothing works. So I tried the following CSS, still nothing:

#mk-header-1 .mk-header .mk-header-inner {
background-color: #ffffff !important;
}

The website is http://www.planetron.co.za. Any ideas how I can fix this?

[ludykraks]

Try targeting it like this:


.mk-header.sticky-style-fixed .mk-header-bg {
background-color: #ffffff !important;
}


[Lotster]

Thank you very much @ludykraks, that worked perfectly!

[Author]

Posts