Open IgnasBarakauskas opened 3 years ago
short description of the bug / issue, provide more detail below.
====================================================================
[ paste your jsfiddle link here ]
use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.
const settings = { centerMode: true, infinite: true, centerPadding: "0px", autoplay: true, autoplaySpeed: 10000, slidesToShow: 3, speed: 300 }
------CSS------ .Slider { width: 70%; margin: 7.5rem auto; } .slick-slide { -webkit-transform: scale(0.35); -moz-transform: scale(0.35); transform: scale(0.35); } .slick-center { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
It should show only 3 items at a time from given 4 items
On desktop it shows 3 Items and sides of 2 more if you choose to phone screen it shows 7 items at the time and they are overlapsing
====================================================================
[ paste your jsfiddle link here ]use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.
====================================================================
Steps to reproduce the problem
------CSS------ .Slider { width: 70%; margin: 7.5rem auto; } .slick-slide { -webkit-transform: scale(0.35); -moz-transform: scale(0.35); transform: scale(0.35); } .slick-center { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
====================================================================
What is the expected behaviour?
It should show only 3 items at a time from given 4 items
====================================================================
What is observed behaviour?
On desktop it shows 3 Items and sides of 2 more if you choose to phone screen it shows 7 items at the time and they are overlapsing
====================================================================
More Details