Pro Section Fixed Image

I’ve read several posts about background images being zoomed in on mobile devices, but all the code fixes (assuming they work because the threads just end) are for X Theme. I’ve changed “x” to “pro” in the code but get no changes to super-zoomed in image on mobiles device. In the cornerstone builder, the images scale with screen size like they should. On iPad and iphone, the images stay the same size and therefore look zoomed in. I’m sure this is an easy fix I am just missing, but what is the trick to keeping section images responsive and not looking blownup on mobile devices?

Check theoakhouse.com

I think I fixed it. I had some fixed image code in a couple sections to get the text scroll over effect I was after. This is what I had added and subsequently deleted:

.x-bg-layer-lower-image {
 background-attachment: fixed;
}

Turns out, I don’t need the code to get the effect. Deleted the code and images scale properly. Even in sections that didn’t have the code. Who would’ve thunk.

Hey Will,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.