Other header image on mobile device

[dekruyff]

Hi,

I am sure this question has been answered before, but I cannot find the answer yet. Also code suggestions around the web haven't helped me to fix this.

I am using Lifestyle Pro child theme. Works great, except that I have a wide header image. On the mobile screen this is squeezed in a way that doesn't look fine. How can I replace the header image with a less wide version?

Is it a CSS matter, a Genesis Hook, please help!

Oh and by the way, on my site I use the Dynamic Headers plugin from Nicasio Design.

Thanks!

http://www.effectief-communiceren.nl

[William]

Do you still have the issue, I visited http://www.effectief-communiceren.nl, but I don't see a problem with responsive images - however, your menu is not showing up!

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[dekruyff]

Yes, the header image is responsive, that is: it shrinks down to fit the tiny screen. But then the image becomes useless, too small to have any meaning. So I want to replace it with a different image once the resolution is below a certain level.

So yes, the issue is still there 🙂

[Brad Dalton]

Wrap it in a media query.

@media only screen and (max-width: 860px) {

Your CSS Rule for Your Image

}

---

Tutorials for StudioPress Themes.

[dekruyff]

Tried that before. Now tried it again, but using the Simple Custom CSS plugin. That finally worked.

I guess the Dynamic Headers plugin overwrites the CSS in the theme.

So problems solved.

Just one last question for next occasions: is there a way to see the order of CSS's being applied?

[Author]

Posts