Show half of next slide without Center Mode in Slick Slider
No need to add "slidesToShow: 3.5 option"
Just call slick:-
$('.Your-container').slick({
arrows: false,
});
and add following CSS:
.slick-list{padding:0 20% 0 0 !important;}
Either you can give a fixed padding to the right or percentage.
You can do something like this slidesToShow: 3.5
and make infinite: false
. The right most slide will be showing half.
You can also do this in slick by adding these two parameters in the slick init:
centerMode: true,
centerPadding: '20%',
This is the equivalent to
.slick-list{padding:0 20% 0 0;}