Show half of next slide without Center Mode in Slick Slider

Question

What I want is to have a slider that shows 3.5 slides at once, with the right most slide being the one that is only half shown. I have seen something like this done successfully using centerMode and centerPadding with slick slider, but I do not want the slides to be centered. In other words, I want the left most slide to be flush with the side of the window, totally in view, but the right most slide to be half in the window, half off. Is this possible in slick? I've seen people using slidesToShow: 3.5, but this makes the left most slide go half off the screen and I need it on the right.

Answer 1

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.

Answer 2

You can do something like this slidesToShow: 3.5 and make infinite: false. The right most slide will be showing half.