Y
Y
yakov_l2019-12-08 19:59:56
css
yakov_l, 2019-12-08 19:59:56

Why not change the rows of slides in slick slider at breakpoint?

Why not change the rows of slides in slick slider at breakpoint?
rows: 1 not working

// CASE SLIDER START
  $('.cases-slider').slick({
  slidesToShow: 4,
  slidesToScroll: 4,
  draggable: true,
  speed: 900,
  rows: 2,
  infinite: true,
  arrows: false,
  centerMode: true,
  centerPadding: '250px',
  autoplay: true,
  autoplaySpeed: 9000,
  responsive: [
  {
    breakpoint: 1379,
    settings: {
      slidesToShow: 2,
      rows: 1,
      centerMode: false,
      centerPadding: '0'
    }
  },
  {
    breakpoint: 780,
    settings: {
      slidesToShow: 1,
      rows: 1,
      centerMode: false,
      centerPadding: '0'
    }
  }
  ]
});
// CASE SLIDER END

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
mills, 2019-12-09
@mills

Try instead of rows: 1, write arrows: false,
And the number of elements in the slide is set in the slidesToShow parameter

A
Alexander Alekseev, 2019-12-09
@shure348

breakpoints and rows is an old slick bug that they are not going to fix))))

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question