Problem with parallax "fill" in Safari, after v5.2.6 update

Hi,
After the latest update to Blocs v5.2.6 parallax is not working as it should in Safari. When scrolling there is grey areas, top and bottom. All other browsers looks perfect. My website is https://stcyprians.co.uk.

Hey,
It works just fine, no issues in Safari for me on your website.

Hey Mike,
So the problem is happening on my MacBook Pro M3 Max with the latest version of Safari 18.0.1, and also on my old iMac. But on my other devices, like my iPhone 15 Pro Max and iPad 11 pro M4, everything’s working just fine. Just wanted to let you know in case that helps.

Was that screenshot you posted from a MacBook or iMac, or was it from an iPhone or iPad? Let me know, and I’ll see if I can help figure this out.

It may be caused by monitor size. I would suggest making your background image asset file taller.

BTW I love the site! Great use of the video sky at the top :heart_eyes:

Hello Christophi,

Screenshot was taken on M3 Macbook Air, Safari 18.0.1

Yes, my large monitor was the problem!

Many Thanks

2 Likes

Great Site by the way!

2 Likes

This usually happens when the Zoom feature in Safari is used. Reseting the Zoom to 100% and refreshing the page should fix this.

2 Likes