Full width header image does not scale

[imdiane]

I am using Lifestyle Pro.
I am trying to have a full width image for the header that includes the site title and tag line.
The image is 1140X200
I have removed the title and tag line from the header
It looks good on a pc, but only the left 1/3 of the image shows on mobile phone.
Is there a way to make it scale?

http://mikediane.com

[SavvyJackie]

Hi

I found this link to a post about Lifestyle Pro full width responsive header. It might help:
http://keypresswp.com/full-width-responsive-header-image-lifestyle-pro/

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[Gandt]

imdiane, the scaling you want is possible, do take into consideration that if the image is 1140 pixels wide, it will look 'normal' under a large screen, yet a mobile phone with say, 480px in width would make the image scale down nearly three-fold, so that, even if the image will still cover the entire width of your screen, the height of the image will also be scaled down to about 66px. Is that what you are after?

[imdiane]

Thanks, Gandt. I appreciate the explanation. I ended up putting the image in a featured post. It works well there and leaves the header uncluttered. I have not understood how the scaling works and your explanation is a help.

Diane

[Gandt]

Diane

If you have a link to your page, it would be easy to give you the needed css to fix the issue along with screenshots.

G

[Author]

Posts