Slider looks fine in designer but published overlaps and hides buttons

Hi there,

I’m not sure what happened but for the life of me my slider suddenly stopped working in published and even layers up on each other as shown below. It looks completely fine and words in designer but I cannot for the life of me figure out why it changes in published.
Here is what it looks like in Designer:

Here is what it looks like published:

Any thoughts on how I can fix this?

Here is my site Read-Only: Webflow - Wood injury Law

Looks like the plugin you’re using is defining a set width on the cards when they’re loaded. Doesn’t seem to be a Webflow issue. I would recommend to check the documentation for the plugin.

Or another solution could be to define a min-width for the cards.

Hi there,

I noticed that in the custom code for the slider plugin, the setting slidesToShow: 3 is being used. This setting dictates the number of slides (images or slider content) that are displayed concurrently. With the current setting of 3, three slides are constantly displayed simultaneously in the slider.

I recommend replacing slidesToShow: 3 with variableWidth: true This setting will dynamically adjust the width of each slide, allowing the number of displayed slides to vary based on their individual widths.

That worked perfectly! Thank you!

1 Like