Parallax not working on an .x-slide background if .is-virtual

Support
#1

Hello,

I’ve got an inline slider on my site but the parallax effect is only working on .x-slide that are deemed visible.

I’ve popped url in a secure note if you wouldn’t mind taking a look :slight_smile:

Cheers,
Luke

#2

Hi @LukeGS,

Thanks for reaching out.
I have visited the page and found the parallax on the Hero slider and on the News Article slider. If you are trying to point out any specific slider, please provide a screenshot of it to recognize.

Thanks

#3

Hello,

I’ve just attached a vimeo link showing the problem I’m having.

Cheers,
Luke

#4

Hello Luke,

The parallax is not noticeable on smaller screens. The scale is at 120% only.

image

If you increase it to at least 150% or more, you will see that it is working even if the slide is not active.

Best Regards.

#5

Hi Ruenel,

Unfortunately this is not the issue, in the editor it works as intended, but I’ve got the slider centered, and then some padding to the left of the slide container to push everything to the right.

It seems like for whatever reason the parallax is disabled on slides within the slider that aren’t deemed visible on initial page load so the ‘first item’ of my slider is actually the 3rd highlights one.

The effect does kick in if the slider is used in any way so after the first click it enables all of the parallax on the slides previous to the ‘current-slie’

I can send over another screen recording if you like.

Cheers,
Luke

#6

Hey Luke,

In my test site, I’m using Pro version 6.7.7 and I could not replicate the issue. Would you mind updating to that version? You’re currently using version 6.7.4.

If the issue persists even with the latest version, kindly copy your live site to a staging server and in there, deactivate all third-party plugins and activate the parent theme then test if the issue persists. If so, please provide the following info in a Secure Note

  • Staging WordPress Login URL
  • Admin username and password

Thank you.