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