Slider overflow visible breaking layout

[RubberDuckers]

On sliders with overflow visible, it works fine on all sizes other than 979px and down. And then it only breaks on an actual phone device looking at it in landscape mode. I can’t reproduce in a browser.

It’s like it ignores the container and therefore shows the whole width of the slider:

I’ve reproduced it on different sites (https://optimalai.com/ is the one in the picture), with different versions (and then the most up to date version).

One one site, I did this:

Just to make it work for that.

Any ideas?

[ruenel]

Hey @RubberDuckers,

Thanks for writing in! I have checked your site and I see that the contents is breaking the layout in landscape mode. We would love to check your page settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

[RubberDuckers]

Thanks - will do!

Note i’ve noticed it on multiple sites so will link you mine for ease. https://rubberduckers.co.uk/ - any of the blog sliders eg on this page: https://rubberduckers.co.uk/services/web-development-hampshire/ but you can take a look at the home page too as I’ve disabled overflow on landscape breakpoint to ‘fix’ it.

[ruenel]

Hello @RubberDuckers,

Please remove this custom CSS first and test the site again.

body {
      overflow-x: visible;
}

@media (max-width: 766.98px) {
  body {
      overflow-x: hidden !important;
   }
}

You can hide away the excess part of the Slider in the Section element settings instead:

Best Regards.

[RubberDuckers]

Ah, thanks @ruenel - that code was there from previous Sticky solution (both before it was a Pro feature and after before Charlie added clip in).
I do want the slider to break out of the container, it was just on that breakpoint (and oddly only on landscape on a device) that it didn’t. But hopefully this will fix it.

[tristup]

Hi @RubberDuckers,

If that does not help, please let us know for further assistance.

Thanks