Parallax problems after update?

Support
#1

Hi,

Hope to get here some help. My parallax background worked very well. I think it started to act strange after the last update. It faltered a lot while at first it went smoothly. I use a classic element for this feature (1).
Does anyone know a solution for this?

See the problem at my homepage
https://www.travelpathy.nl

Thank you!
Patty

#2

Hello Patty,

Thanks for writing in! Could you please update to the latest versions?

  • X theme 7.0.4
  • Cornerstone 4.0.4

This latest release contains fixes for several issues specially the parallax issue so be sure to check out the changelog (http://theme.co/changelog/).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

#3

Hello RueNel,

Thank you for your help.
I did both updates but it is still not working.
Do you know what to do?

Thank you!

#4

Hello Patty,

Thanks for updating the thread.

I checked the website and I am getting 500 error message:

This page isn’t workingwww.travelpathy.nl is currently unable to handle this request.
HTTP ERROR 500

Please take a look at following resource for some possible solutions to 500 error message that’s showing on the website.

Thanks.

#5

Yes, thanks. There was a big problem with our hosting service.
The website is live again! But the parallax effect isn’t going smoothly?

#6

Glad it’s working now, and yes, not that smooth but works. And it’s because of scroll jumping, it’s the scroll that it’s not smooth. Could you try installing the smooth scroll extension and see if it’s going to be improved? Thanks!

#7

Hi Rad,

Thanks, I already had the smooth scroll extension installed. I deactivate and activate it, nut unfortunately nothing changed.
Is there another way to keep the background image still and to scroll the layer above?

Thanks!

#8

Hey Patty,

The Classic Parallax isn’t really smooth even since then. I have X 6.5.6 in my test site and can see that the scroll is a bit jagged if you really scroll slowly. Scrolling fast, it isn’t noticeable even in your site.

The Smooth Scroll extension won’t help in this case because it’s related to CSS performance. It will, however, make the V2 Parallax animate even better. More on that below.

The “jaggedness” is because the Classic Parallax is based on the old technique of using background-position. The Parallax effect of the new Section is based on CSS transform which performs better.

What I’d recommend is you rebuild your page using V2 elements. In the video below, you’ll see that the Classic Section (top) is not smooth compared to the V2 Section. Smooth Scroll is enabled in that setup to magnify the effect. If you see a bit of lag, that is because my machine is not equipped to record smoothly but it’s really smooth on my end.

Hope that helps.

#9

Hi Cristian,

Thank you so much for the explanation.

I suddenly got the idea after reading your message that it could be my browser (Safari). This is because the parallax moves extremely jerky. I tried chrome and it moves smooth enough.

Safari is up to date so I don’t know if this can be changed. In any case, I am glad that he does well in other browsers. I have added the classic element to many pages so changing would be a bummer.

So if anybody had the solution for Safari, let me know!

Thanks again.
Patty

#10

Hi Patty,

Is there a chance you have a custom CSS background-size with a calc() value, or a CSS filter property or any custom CSS that has something to do with image effect? Seems this issue is common with Safari, can you provide what MacOS version and Safari version do you have? So we can try to replicate the issue and see if there is something we can do about it on our end.

related thread:

Thanks,

#11

Thanks! I almost never use custom CSS, so I don’t think so. It’s also on every page where I use the parallax, it become worse when it concerns a large background area.

MacOS version: Mojave 10.14.6, Macbook Pro 2,7 GHz i5
Safari: 13.0.1

Thank you.

#12

Hi Patty,

Thanks will take a look on it, for now, please follow Christian’s advice above to rebuild your page using V2 elements/sections.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.