Support » Plugin: Page Builder by SiteOrigin » Issue with Page Builder v.2.15.0 and Revolution Slider v.6.5.8

  • Resolved twowithink

    (@twowithink)


    On any page using Page Builder v.2.15.0, Revolution Slider v.6.5.8 rs-module-wrap has a negative inline “left” value (example: left: -404px) on initial page load or if page is refreshed. If you go to an interior page and then back to the slider page, the slider goes to left:0.

    If I add CSS .so-panel rs-module-wrap {left: 0px !important;}, then everything works. Obviously, this is not a proper solution. Is Page Builder v.2.15.0 triggering the shift?

    – Tested with WP Rocket v.3.10.3 activated (JS and CSS minified and combined, JS not load deferred or delayed) and WP Rocket v.3.10.3 deactivated.

    – Revolution Slider v.6.4.10 works fine with Page Builder v.2.15.0

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Support Andrew Misplon

    (@misplon)

    Hi, thanks for reaching out.

    Is the issue currently visible on the site in question? At the moment, I’m seeing left: 0;

    View post on imgur.com

    Thread Starter twowithink

    (@twowithink)

    Hi,

    The negative left value shows on the initial page load (tested on FF and Chrome). If you right click for Inspect Element or click any other browser setting, it corrects itself to left:0.

    I have left the site active with the issue so we can troubleshoot and here is a screenshot of what I see on my work, home and mobile devices:
    https://woodbridgethoroughbreds.com/wp-content/uploads/2021/11/screenshot.jpg

    Thanks!

    Plugin Support Andrew Misplon

    (@misplon)

    Thanks for the screenshot.

    If the issue doesn’t occur with Revolution Slider 6.4.10, is it possible the issue is due to a change made in the Revolution Slider plugin?

    Please, could you perhaps clear WP Rocket’s cache and then deactivate the plugin so we can take a look without caching and modification?

    Thread Starter twowithink

    (@twowithink)

    Hi,

    WP Rocket cache cleared and plugin deactivated.

    Thanks!

    Plugin Support Andrew Misplon

    (@misplon)

    Thanks. I’m still seeing WP Rocket in the page source. Lazy Loading might be the cause of the problem.

    Thread Starter twowithink

    (@twowithink)

    Hi,

    I have confirmed that WP Rocket is deactivated and there are no Lazy Loading settings engaged.

    Again, this only occurs on a page using the page builder. If I add the slider shortcode to a regular page, it works fine.

    Thanks!

    • This reply was modified 2 years, 4 months ago by twowithink.
    Plugin Support Andrew Misplon

    (@misplon)

    Thanks for the update.

    The issue most likely relates to the full-width row that the slider is in. The row uses JavaScript to break out of the theme’s container. I’m still seeing WP Rocket in the page source. I’m using Chrome Incognito mode. I’ve refreshed the page a few times. Are you seeing the below in the page source?

    WP Rocket

    Plugin Support Andrew Misplon

    (@misplon)

    You can perhaps activate WP Rocket and try the following:

    https://docs.wp-rocket.me/article/1634-using-revolution-slider-with-wp-rocket

    Add the following in the Excluded JavaScript files text area under the Load JavaScript deferred feature:

    /jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
    /jquery-migrate(.min)?.js

    When using the Delay JavaScript Execution feature you may notice that it takes some time, or user’s interaction for your slider that is located in the viewport, to appear.

    You can prevent that, by adding these lines in the Excluded JavaScript files text area, under the Delay JavaScript execution feature:

    /jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
    /jquery-migrate(.min)?.js
    /revslider/public/assets/js/
    setREVStartSize
    rev_slider_
    revslider_
    window.RS_MODULES
    Thread Starter twowithink

    (@twowithink)

    Hi,

    I’m not sure why you continue to see the WP Rocket plugin activated… it is not: https://woodbridgethoroughbreds.com/wp-content/uploads/2021/11/screenshot2.jpg

    Also, the WP Rocket settings for Delay and Defer Load JavaScript have never been activated. Ii will continue to leave WP Rocket deactivated.

    What script sets the rs-module-wrap left? Is that in Page Builder?

    I see:

    <div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-7-0" data-stretch-type="full-stretched" style="margin-left: -404px; margin-right: -404px; padding-left: 0px; padding-right: 0px; border-left: 0px; border-right: 0px;">
    
    And lower in the HTML...
    
    <rs-module-wrap id="rev_slider_1_1_wrapper" data-alias="homeslider" data-source="gallery" style="visibility: visible; background: transparent; padding: 0px; margin: 0px auto; height: 450px; display: block; width: 2008px; position: absolute; overflow: visible; left: -404px;">

    Thanks!

    • This reply was modified 2 years, 4 months ago by twowithink.
    Plugin Contributor alexgso

    (@alexgso)

    Hi twowithink,

    I’ve had a look at your page and I see you’ve set the row housing the slider to Full Width Stretch and the Slider itself to stretch. In certain situations, this can result in Page Builder fighting with Slider Revolution (and vice-versa – it’s not clear which one is the ultimate cause, only that it’s happening) to try and make the row full width and that is resulting in the offset. This is typically caused by asset deferring by performance plugins so it’s not really avoidable/preventable by either us or Slider Revolution.

    I recommend changing the Row Layout of the row housing the Slider to Standard and letting Slider Revolution handle making the row full width instead. This will allow for the slider to be full width and prevent this offset from ever occurring. You can change the row layout by opening the page containing the slider and then opening the row housing the slider. Go over to the Row Styles sidebar, and open the Layout settings group. Set the Row Layout to Standard and then save.

    Kind regards,
    Alex

    Thread Starter twowithink

    (@twowithink)

    Hi,

    That resolved the issue. The theme developer has the preset for that row as full width stretched, but switching to standard resolves the issue.

    Thank you for all of your assistance!

    Plugin Support Andrew Misplon

    (@misplon)

    Super, glad that helped! Sorry, we didn’t get there sooner.

    If any SiteOrigin queries or requests arise in the future, please, let us know.

    Cheers for now.

    Andrew

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Issue with Page Builder v.2.15.0 and Revolution Slider v.6.5.8’ is closed to new replies.