Open lucaspieran opened 5 months ago
I have the same problem, my settings (The problem is not caused by the sliderToShow type other than Integer)
const settings = {
slidesToShow: 4,
slidesToScroll: 1,
accessibility: true,
infinite: false,
nextArrow: <NextArrow />,
prevArrow: <PreviousArrow />,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3.2,
slidesToScroll: 3,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 2.2,
slidesToScroll: 1,
dots: true,
},
},
{
breakpoint: 480,
settings: {
slidesToShow: 1.2,
slidesToScroll: 1,
dots: true,
},
},
]}
Hi, I think it is because you render slider before data is fetched. How about rendering slider when you have data?
When im in responsive mode this add a translate x value in slick-list and should be 0
only after touching next or prev does it look good![image](https://github.com/akiran/react-slick/assets/67299584/b82bb3a3-17e1-4bac-9cbc-95f8e522c7e0)