www.wysiwygwebbuilder.com

I'm trying to implement a parallax layout grid across 3 breakpoints. Each breakpoint uses a progressively smaller image. Default/970 breakpoint uses a 1200px image, 768 breakpoint uses a 800px image, and 320 breakpoint uses a 400px image.

Works great on desktop, even if resize the browser window to narrowest width. Also works great on Android Smart phone. Image displays fine and parallax works great.

But not iPhone. The parallax seems to be working but the image is very zoomed in and very blurry.

Any ideas.


Test Page at: https://bookmarks.firlottecreations.com/test.html

Demo Project at: https://bookmarks.firlottecreations.com/Test.wbs

Thanks...

The iPhone is not very good in supporting standard parallax.
Alternatively, you can use 'universal parallax' instead.



Demos:
https://www.wysiwygwebbuilder.com/support/wb18tryouts/wb18_parallax.html

https://www.wysiwygwebbuilder.com/support/wb19tryouts/wb19_mini.html

Thanks Pablo.

I did see that and did try it.

Still...on the iPhone, the image is still very zoomed in and blurry. I even tried a small image for that breakpoint but it still zooms.

Thanks...

Must be an iPhone thing if it works correctly in other phones.

Agreed.

Lots of info on the web about the issue with the iPhone and parallax.

Will just turn off parallax for that breakpoint.

That works without burring or zooming into the image.

Thanks all.