center mode not working when slides are equal to slidesToShow

Hi, I’m using slicker but I have a problem.

I have:

         <div class="thumbnail-gallery-container">

                <div class="thumbnail ">
                    <img src="../images/one.png" alt="pic_one" />
                </div>
                <div class="thumbnail ">
                    <img src="../images/two.png" alt="pic_two" />
                </div>
                <div class="thumbnail ">
                    <img src="../images/three.png" alt="pic_three" />
                </div>        
            </div>

$thumnailContainer.slick({ slidesToShow: 3, slidesToScroll: 1, arrows: true, infinite: true, dots: false, centerMode: true, focusOnSelect: true, variableWidth: true });

---

The problem is that when I have the same number of slides and slidesToShow, the div “slider-track” have an inline style of “transform: translate3d(137px, 0px, 0px);” and that makes that this is not center.

This is how it look

But when I have 4 slides and slidesToShow = 3, it looks fine:

Is there any way that I can make this 3 slides respect the center mode and not adding the "“transform: translate3d(137px, 0px, 0px)” when numberOfSlides == slidesToShow ??

Thank you!!

[NicoleMarieBRFR]

Hi, I fixed this problem with some css !!

.slider { width: 80%; margin: 100px auto; }

.slick-slide { margin: 10px 20px; }

.slick-slide img { width: 100%; transform: scale(0.9); }

.slick-prev:before, .slick-next:before { color: black; } .slick-dotted .slick-center img { transform: scale(1.1);

}

@flinch85 @laurentmor

[flinch85]

Hello, this problem still stands. Any fix yet? Thank you!