Change Header Image for Mobile/Responsive View – Is this Possible?

[anewcreation]

Hi Everyone,

I was wondering if it was possible to have the header image view differently in responsive view.

I'm using Executive Pro, with the Genesis Slider. It shows the usual box with text in the header area in the desktop computer view, this is correct and the way the client wants it. (see image below)

When the website switches to responsive view, the black box disappears and you only see the header image. This is how the clients wants it. (See current responsive view below)

Since the black box disappears in responsive view, the client doesn't like the empty space on the left side in the water. He asked if I could center or enlarge the header image so it moves over and there is no empty water space on the left side. I put together a mockup in photoshop of how he would want it. (see below)

Is it possible to change the header image in mobile view only, to display like the image above? Is so, where would these changes be made?

Thank you so much!

Jeanne

http://www.creativewordpressdesigns.com

[Brad Dalton]

Here's a solution i spent several hours working out and testing.

---

Tutorials for StudioPress Themes.

[Author]

Posts