Cafe Pro background images not responsive on ipad

[giddymoon]

Hi,

I'm using cafe pro and it looks great on all screens but on a tablet (I'm using an ipad). The background images 2 and 4 are not responsive. The images are displaying as closeups.

I'm using Cafe Pro 1.0.1 and Genesis 2.1.2.

Any help is appreciated.

Linda

http://www.citizenbaker.com

[emasai]

Try changing background-attachment: scroll; on line 1820 of Media Queries to background-attachment: fixed;

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[giddymoon]

Hi Lynn,
I tried changing the background-attachment to fixed as you suggested, but no luck.
That actually made the header image pixelate.

Thanks for your suggestion!
Linda

[emasai]

Sorry it didn't work. It's difficult to figure as the browser simulator does not show the problem.

The header looked very blurred to me in the desktop version and didn't look worse with the fixed position.

As the media queries are written for all 3 of the areas, you could leave just .front-page-header with the original css and remove the front-page-2 and 4 and rewrite a rule for them with the fixed position.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[giddymoon]

Thank you Lynn.

The header was purposefully (artfully) blurred 🙂 But still responsive. The others aren't responsive.

I appreciate your help.

[Author]

Posts