Parallax is messy

[Chainreactionx]

Hi X-Theme, I can’t get the parallax image to work the way it should. The background pictures are always jittery and moving a little with the scrolling—instead of staying still. Please advise on what settings I may have incorrect Here’s the url to the site…the paralllax [3] are on the front page. https://www.chainreactiondiscgolf.com/ Thanks for your help.

[nabeel]

HI Joel,

Thank you for reaching out to us. I tried to check your site but the access to your site is restricted (see screenshot)

There could be multiple reasons of the jittery parallax scrolling, please check for the following first:

1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

2. If you’re using a caching plugin, clear all caches including browser cache then deactivate your caching plugin and other optimization plugins. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

3. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

5.Remove custom CSS, JavaScript and deactivate your child theme and switch to parent theme (take a complete backup first).

Let us know how this goes!

[Chainreactionx]

Hi Nabeel, The link should take you to the site with no 503 issue. SMH(?) I’m certain it isn’t a cache, or non updated plug-in/theme issue. I am certain I have something wrong with the background picture or front picture settings, but the parallax feature is hard to figure out—or not working correctly. Do you have a video or tutorial about the parallax feature? Please click and take another look. Thanks! https://www.chainreactiondiscgolf.com/

[ruenel]

Hello Joel,

Do you want to have a background image that stay in place and the text hovers over the image as you scroll the pages? If that is the case, please disable the parallax effect and then

.x-bg-layer-upper-image {
    background-attachment: fixed;
    transform: none !important;
    background-size: cover !important;
}

We would loved to know if this has work for you. Thank you.