Home>Support>My Website’s Parallax background stopped working

My Website’s Parallax background stopped working

By GoGoHopping.com, 2 years ago. Last reply by Andrew Misplon, 2 years ago.

Dear sir/madam,

I have been using Site Origin Page builder for more than 5 years now with no problem.

The background parallax effect on all of the pages of my website stopped working overnight, even though I didn’t make any changes or updates to the CSS, plugins or theme. This has really badly affected the way my website looks.

I have done some trouble shooting online and have tried changing Site Origin plugin to Legacy Mode and Modern Mode but this has no affect on the problem.

Please can you offer you insight into the problem

Private Snippet
Private Snippet

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 2 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi, thanks for reaching out.

    Are there any parallax backgrounds on the home page or does the issue present on other pages?

  2. 2 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Apologies, the link provided was to a parallax-related page. Please, try removing the following from your Custom CSS and let us know how that goes.

    .panel-row-style {
    background-position: top !important;
}

    Kind regards

    Andrew

  3. 2 years, 6 months ago GoGoHopping.com

    Hi Andrew.

    Thanks for your message.

    Removing the CSS above does nothing except make the top of my Siteorigin rows grey as the background doesn’t start at the top.

    On this page (Which may be NSFW Not Safe For Work) there is a video at the bottom how the page used to look before, for some unknown reason, it just stopped working Private Snippet
    This page’s parallax effect also doesn’t work.

    Could you provide some CSS to create the similar effect again?

    Thanks

    Paul

  4. 2 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Paul

    Thanks for the update.

    If you’re able to open your browser console you’ll see the background-position of the parallax row is adjusting as you scroll but it’s overridden by the Custom CSS rule I mentioned previously. Please, see https://imgur.com/a/Ru7dIKs. The background-position declaration I’ve indicated in the screenshot shouldn’t be crossed out. It’s crossed out because the background-position: top !important declaration is taking precedence.

    It’s possible the video isn’t playing because of the JavaScript error on the page. The error is originating from a plugin referencing wpcp_disable_selection.

  5. 2 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    I’m not sure there have also been changes within Sydney that have impacted the page. There is a lot of styling being added to the rows in question by the theme including the background-size and repeat. I see the grey issue you mentioned. Just looking at the parallax effect though; the effect is stopped by the background-position: top !important; rule.

  6. 2 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Sydney is targeting Page Builder rows with the following:

    .panel-row-style, .elementor-section {
    -webkit-transform: translate3d(0,0,0);
}

    In your Custom CSS, try removing:

    .panel-row-style {
    background-position: top !important;
}

    And adding:

    .panel-row-style {
    -webkit-transform: none;
}
  7. 2 years, 6 months ago GoGoHopping.com

    Dear Andrew,

    I added the code that you sent and it was a little better…

    .panel-row-style {
    -webkit-transform: none;
    }

    I added the code that you sent and out of a hunch, I added the code I had previously used and it’s back the way it looked before

    .panel-row-style {
    background-position: top !important;
    }

    Now it looks like everything is fixed and back to normal (NSFW Not Safe For Work) Private Snippet

    Thanks for your help.

    Thanks for you time.

    Take care.

    Paul

  8. 2 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Paul

    Thanks for the update. I’m glad to hear you’ve made progress, that’s great news.

    All the best.

    Andrew

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More