Breakpoint does not work correctly in slick slider, how to fix it?

Question

JavaScript

The slick slider has breakpoint 920 (arrows disappear, dots appear), but when switching to the ipad view, it does not work, and if you switch to some other view and back, they appear. And in other types (iphone, samsung, etc.) everything is fine.

$('.carousel__inner').slick({
    speed: 1200,
    slidesToShow: 1,
    adaptiveHeight: true,
    prevArrow: '<button type="button" class="slick-prev"><img src="icons/carousel_left.png" alt=""></button>',
    nextArrow: '<button type="button" class="slick-next"><img src="icons/carousel_right.png" alt=""></button>',
    responsive: [
      {
        breakpoint: 920,
        settings: {
          dots: true,
          arrows: false
        }
      }
    ]
  });

Answer 1

Check positioning. It is quite possible that the media query flies off the screen