Parallax Bug in Safari with BeSafari Template

mountainblick · August 2016

Hi everyone,

I was building a website for a customer and used the BeSafari Template. Unfortunately there is a strange bug with the parallax effect using safari browser and I don't know how to fix it. When I scroll down a white blank space appears at the bottom and the longer I scroll down, the bigger the space gets.

I uploaded a video showing it: here is the link

The background pictures are 1920x1200px size and I am using the muffin builder.

I hope you guys can help me - thank you so much in advance!

Albert · August 2016

Hi,

the video you sent above, does not work because it's private. Would be great if you can send us link to page where you have an issue so we can check the site as well.

mountainblick · August 2016

Oh, haha, sorry! I changed the video settings now

Here is a link to the website: http://test.mountainblick.com/index.php/de/deutsch-neu/

Albert · August 2016

Ok. So please update theme to latest version and set up Enllax parallax feature instead of Translated3d under Theme options > Addons & Plugins > Addons section.

mountainblick · August 2016

Unfortunately it didn't change anything

Albert · August 2016

It didn't changed anything because you didn't updated theme files like we recommended above. You still have old version.

mountainblick · August 2016

Okay, theme is updated now. But it doesn't work with "Enllax" or "Translate3d Enllax in Safari". It works with "Translate3d" but the background pictures are shaking. And it works with Stellar (old) which looks okay.

Albert · August 2016

If something is still shacking, then problem must be with the speed of your hosting. Just check any of our demos and you will see that parallaxes are fine. And there is nothing what we can do to make them lighter and faster. We tested lot's of them and those included into theme are the best one, lightest and fastest.

Parallax Bug in Safari with BeSafari Template

Comments