Mindspring Mobile – Change Header Background Color

[qgreen]

I can't seem to find any posts related to this. The mobile version of my site seems to work fine, with one exception. My logo has black in it, and the header background color on the Mindspring theme is dark grey, so half of my logo can hardly be seen.

At the full site, I have changed the menu bar color etc., to white. My logo shows fine on the full site, but not mobile. I can't seem to find the .css entry for this.

How do I change the header color in mobile mode to white?

http://www.richerself.com

[Christoph]

Hi,

in the media query max-width: 1024px you have the following code that defines the background color:

.content-sidebar #sidebar .widget, .sidebar-content #sidebar .widget, #footer, #header {
    background: #222 none repeat scroll 0% 0%;
}

If you only want to change the background-color for the header, delete , #header from the above and create a new selector:

#header {
background: ***;
}

Replace *** with the values of your liking.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[qgreen]

I wish I could say that worked! Unfortunately, it didn't seem to make any difference. I purged the web data in safari from my device also.

[Christoph]

Did you empty the cache from W3Total Cache and if applicable CDN and webhost?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[qgreen]

That's what did the trick! Thank You!

[Author]

Posts