Mobile layout nothing like live editor preview

Hi there,

The following page: ( http://luciterradance.com/index.php/works/ ) looks great when I look at the “mobile view” in the live editor option. The background photos of each row are re-sized to look great. However, when I actually view the page on my phone it looks nothing like that. The background images are zoomed in so far that the photo is indistinguishable. Your help would be greatly appreciated!

Sincerely,

Gillian

Hello Gillian,

I have just checked that page on Android phone and it looks okay. Can you please specify which device you were using?

Kind Regards, Roman.

Hi there,

I was viewing on Chrome on an iPhone 5s

Thank you

I just checked in Safari on my iPhone and it looks the same - also way zoomed in and terrible!

Hello Gillian,

I don’t have an iPhone to check this unfortunately, but I asked our Developer to check this. Let’s see what he says.

Kind Regards, Roman.

Hi,

Unfortunately iphones don’t handle background images of all types well.

Please go to Customize > Additional CSS and add this:


@media only screen and (max-width: 1024px) {
	.slides-container .slide-item,	
	.panel-row-style {
		background-attachment: scroll !important;
        }
}

Thank you! That did the trick.
Much appreciated

-Gillian