Change height of Slick Carousel
Answer:
CSS
.slick-slide { height:200px;}.slick-slide img { height:200px;}
I was having to set the height eg .slick-carousel{width: 200px;}
because adaptive height wasnt working and slick was making the carousel as tall as the img
s (before it was resized by css). but after messing around with it for a while. this is what works for me.
.slick-slide{ display: none; float: left; height: auto; min-height: 1px; img{ max-width: 100vw !important; } }
Try removing slidesToScroll from the config. The following simple combination worked for me without any additional CSS fudgery.
$('.slick-carousel').slick({ variableWidth: true, centerMode: true });