Breakpoint not working in slick-slider, what to do?

Question

JavaScript

It is in the chrome
viewport that is written

$('.novelty-wrap').slick({
    infinity: true,
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplaySpeed: 3000,
    arrows: true,
    responsive: [
      {
        breakpoint: 1530,
        settings: {
          slidesToShow: 3,
        }
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 1, 
          centerMode: true,
          centerPadding: '90px'
        }
      }
    ],
    prevArrow: '.novelty-prev-arrow',
    nextArrow: '.novelty-next-arrow',
  });

Answer 1

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0 ">
User -scalable=0 is what heals chrome. Such a tag is registered at the office. slider site.

Answer 2

Firstly, what is the difference from the original slidesToShow: 3, and the fact that the breakpoint is 1530, and there and there the value is 3, so apparently this breakpoint is not needed or you forgot to change the value. As for the breakpoint, in general, I think you are aware that if you have a breakpoint of 1530, then it will work from 1529px and below, and accordingly if the breakpoint is 600, then from 599px and below.