Try ticking the “DOMContentLoaded event” checkbox (under “Other Settings”) within you slider settings.
Hi,
I have the same problem and “DOMContentLoaded event” function don’t helped.
What I can to do with this problem?
Best regards,
Andrew
I’m also having the same issue. The DOM checkbox didn’t work for me either. @andrewsta did you have any luck fixing this? Alternatively @simonpedge is there anything else we can do to trouble shoot? It seems the js is incorrectly setting the slide width to 1200 regardless of the VP and it fixes itself only when you resize the window slightly.
Here’s my site.
@josephgmedia – do you have an optimization/cache plugin installed? If so, what happens when you deactivate this plugin (as a test)?
Also see if you can change the container (column/row?) from being “display:flex” to “display:block”. ‘Some pagebuilders allow you to change this for your containers & “display:flex” has cause an issue in the past that I recall.
Thanks for getting back to me @simonpedge. There’s no optimization/cache plugins installed.
As far as the display properties go, I can only update the row layout with the options “standard, full-width, full-width stretched and full-width stretched padded.”
Full-width stretched is the only one that has the slider take up the browser width but as mentioned, the js doesn’t kick in until you adjust the size of the browser window which is what is leading me to believe it could be an issue with the OwlCarousel.
Do you have any JavaScript errors on the page?
(press CTRL+SHIFT+J keys together to display JS console)
Also as a test, what happens if you put the slider on a page not buildt with the pagebuilder?
Hi @simonpedge – sorry for the delay. There are no JavaScript errors on the page – when I use the shortcode on a page not built with the page builder, it doesn’t take up the full width of the page. Even if it did work, I would be limited to using the page builder due to the links and formatting of this particular site relying heavily on Site Origin.
