Flickity carousell same height slides fix

min read / WordPress / Share on: Twitter, LinkedIn, Facebook

Post summary: If you need all your slides to have same height, add the CSS selector to your slider cells and use this code in your CSS: Do not forget to add the cellSelector attribute to your flickity slider setup:

If you need all your slides to have same height, add the CSS selector to your slider cells and use this code in your CSS:

.carousel-cell {
    display: flex;
    align-items: stretch;
    min-height: 100%;
}
.carousel .flickity-slider {
	height: 100%;
}

Do not forget to add the cellSelector attribute to your flickity slider setup:

(function($) {

    $('.carousel').flickity({
        cellSelector: '.carousel-cell',
    });

})(jQuery);

1 comments