Why doesn't responsive work for slick?

  • 0
    Site with problem

    Layout for the 1024px screen, but because of the slider it scrolls to the right.

    The problem is in the block "Health Encyclopedia" (.encyclopedia__slider)

    I specified the behavior at 1024 in the slider settings (src / js / main.js) (remove arrows, display 1 slide), but 2 slides are displayed and the arrows have not disappeared:

    $('.encyclopedia__slider').slick({
      dots: false,
      infinite: false,
      speed: 300,
      slidesToShow: 2,
      slidesToScroll: 1,
      responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            infinite: true,
            arrows: false,
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
          }
        }
      ]
    });
    JavaScript Declan Lopez, Feb 22, 2019

  • 0 Answers
Your Answer
To place the code, please use CodePen or similar tool. Thanks you!