Changed header image, now it's no longer displaying in mobile

[lgj]

I changed the header image on my site (I have the decor theme), kept the measurements the same but now it's no longer displaying on the mobile version of the site. I know I have to change something about the responsive CSS but I'm not quite sure what!

http://linktoyourself.com

[AnitaC]

I see text there now. Can you put your logo back so I can see it?

---

Need help with customization or troubleshooting? Reach out to me.

[lgj]

I want to keep the text, I'm not using a logo image right now, it's the header image behind the text that's missing in mobile (it's a textured dark purple background). Sorry for the confusion and thank you for helping me out!

[AnitaC]

Try adding this to your media queries sizes 800 and 400:

#header .wrap {
    background: url("http://linktoyourself.com/wp-content/themes/decor/images/bg-header.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

Looks like your navigation doesn't have a color:

.menu-primary, .menu-secondary, #header .menu {
    background: none repeat scroll 0 0 #753357;
    color: #F5EDC4;
}

I added "background" to this - add this to the media queries. You may have to play around with it a little bit.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts