Paged Slider breaks the layout

[zfw_rub]

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:

Wer, wie, was – Eine Fragestellung entwickeln | ZfW

Blog not broken:

GPT@RUB: ChatGPT-Zugang für Studierende und Beschäftigte | ZfW

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

[christian]

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.

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.

[zfw_rub]

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.

[ruenel]

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.

[zfw_rub]

Hey @ruenel,

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

[zfw_rub]

No Idea regarding this?

[ruenel]

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.

[zfw_rub]

@ruenel

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

[christian]

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.

[zfw_rub]

I will provide a staging instance today

[tristup]

Hi Peter,

Once the stage is ready, please add the credentials in the secure note for further investigation.

Thanks

[zfw_rub]

Hey, sorry for the late reply, but it was a stressful week. Here is the staging site.

[ruenel]

Hey Peter,

I have logged in and I could not find the post or layout that has the slider. Could you please send the URL to us?

Thank you.

[zfw_rub]

sure here it is

[tristup]

Hi Peter,

I have checked the Layout and found that the Flexbox is enabled for the Column, which is the reason behind your problem. I disabled the Flexbox option temporarily for the first column, and it start working. I would suggest you disable it or if you still want the Flexbox option enabled, you need to set the Horizontal alignment to Stretch, as shown in the given screenshot.

Hope it helps.
Thanks

[zfw_rub]

Hey! Thank you very much it worked

[tristup]

Hi Peter,

Glad that we are able to help you.

Thanks