Parallax effect on full width Row Layout does not work

Hey,
It looks like your background images are set to scroll, not parallax. Did you change them?
Can you send a screenshot of what you’re seeing? When you view the following page from those devices/browsers are you seeing the same effect (you’ll see the parallax row near the bottom – “Single Column Layout”)?https://www.kadenceblocks.com/row-layout-block/

Hannah

I have been able to recreate the safari bug for those screen sizes. I’ll have an update out soon with a fix.

Ben

Dear Hannah,
dear Ben,

thank you for your fast answers. Yes, I had set the background-images to scroll as the website is already live and has to work on every device.

I am happy that there will be an update to fix this problem. Thank you very much for developing this great plugin!

Sam

Hey,
That update is out, version 1.5.7

Ben

Hi Ben,
thank you for your update. Unfortunately the parallex effect is still not working on Mac OS Safari with resolution between 768px and 1024px … in this range the background suddenly is set to ?fixed“ and the images have no parallax effect anymore.

Also on iPad (iOS Safari) the same behaviour appears. I have an iPad 2018 and the images appear “fixed“?instead of doing the parallax effect.

In other browser and other resolutions there seem to be no problem?

Look at the screehshots I attached here:
https://www.dropbox.com/s/gl78cfpqm3grtw7/kadence-blocks-parallax-not-working1.png?dl=0
https://www.dropbox.com/s/wti3eu63ra0x7j8/kadence-blocks-parallax-not-working2.png?dl=0
https://www.dropbox.com/s/shdb0ko7xhld78f/kadence-blocks-parallax-not-working3.jpg?dl=0

in this range the background suddenly is set to ?fixed“ and the images have no parallax effect anymore.

Usually, parallax is fixed and moves at a different speed and in reverse of the scroll. With our parallax, the intention and the fall back for mobile browsers is for the image to be fixed while the scroll moves past. So similar but without the image moving in reverse. On mobile and tablet browsers scrolling is handled totally different and normal background-attachment “fixed” isn’t even a thing because the images would stretch to cover the entire height of your page, not the screen height.

For the smoothest performance on tablets and phones, the parallax becomes a true fixed background through javascript that you normally can’t accomplish. This allows for a similar feel while working on mobile browsers. It’s what I’ve found to give the best option. If you look around at parallax lybaryis many just turn off for mobile browsers because it’s difficult to get a smooth option.

The code doesn’t check for browser type but screen size which is why you see it on a mac as well.

If you are seeing something different can you link to it?
Ben