Paged Slider breaks the layout

Hey,

I’m struggling to create a paged slider that doesnt break my blog layout. If you look at that the following pages the slider breaks the blog layout. Do you guys know what the issue is?

Blog broken:

Blog not broken:

is there a reason why? When I use a stacked version it does work…

Hey Peter,

There’s broken HTML in your post https://zfw.rub.de/die-gliederung-erstellen/. Removing that post in the slider fixes the issue.

image

This broken HTML could be a result of customization or some code in your child theme or one of the 3rd party plugins.

Please kindly do all of the tests below:

  1. Testing For Plugin Conflict
  2. Child Theme
  3. Css/Js Customization

If the above steps don’t work, please remove elements in the mentioned post. Remove elements one at a time while checking if it fixes the issue each time.

Thanks.

Hey!

I have checked your asumption, however, it doesnt seem to be right. It seems to break always at 4 posts retrieved. I have tried asc/desc loopers and still the same.

Hey Peter,

Please edit your Component and make sure to set the maximum width to 100%. That includes the Slider Container as well.

Kindly let us know how it goes.

Hey @ruenel,

i have tried both, still the same behavior; it breaks at 4 elements.


No Idea regarding this?

1 Like

Hello Peter,

Because the width and maximum width of the Slider Containers are set to auto, it expands when there are 4 slides. It should only be limited to the left column. Please make sure to set the maximum width of the Slide Containers and the Row element container the Slider to 100%. Do not use “Global Container”.

Best Regards.

@ruenel

unfortunatly its not working, do you have any other idea?

Hey Peter,

At this point, we need to test further. Please copy your site to a staging server then give us the staging URL and login. This way, we can test without breaking your live site.

Thanks.