CMS Draggable Slider width issues

Alright guys,

I’m trying to get a draggable CMS slider à la Timothy Ricks tutorial, but for some reason when I publish the width of the items goes supernova! Can anyone see what I’m doing wrong? I feel like I’ve done everything right but I’m missing something obviously…


Here is my site Read-Only: Webflow - Milkshed Studios
Here’s the published site: https://milkshed-studios.webflow.io/

$(’.add here slider parents class’).slick({
dots: false,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});

use this script for slider

Hi Moheen, thanks for your reply.

I tried your code and it did initially seem to work, but now whenever I drag the slider the width of the items increases — I took a short video: CMS Draggable Slider Issue on Vimeo

I also need infinite scroll to be enabled, and whenever I do enable it it reverts back to the same width issue we had in the beginning.

@joejlomax


set is overflow visible


and set item width 600px and max-width 100% it will work when you will publish your website.