Issue with Page Builder v.2.15.0 and Revolution Slider v.6.5.8

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

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!

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?

Hi,

WP Rocket cache cleared and plugin deactivated.

Thanks!

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

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 3 years ago by twowithink.

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

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

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 3 years ago by twowithink.

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

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!

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