Slick Slider无法在屏幕上调整大小

Question

我有一个项目，我在多个实例中使用光滑的轮播（http://kenwheeler.github.io/slick/）。其中一个主要实例是标题中的横幅。在桌面和平板电脑上，它们应该是静态的，但在移动设备上，我需要它们作为滑块。

我使用了Slick的响应代码并且运行良好，但在用户调整浏览器大小时似乎无法正常工作。

我在这里有一个演示 - https://codepen.io/james_zedd/pen/JZKmgM

这是jQuery：

$('#mainBanner').slick({
    dots: false,
    arrows: false,
    speed: 300,
    autoplay: true,
    autoplaySpeed: 3700,
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    mobileFirst: true,
    responsive: [{
        breakpoint: 1025,
        settings: "unslick"
      },
      {
        breakpoint: 769,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      }
    ]
  });

问题是，当您调整屏幕大小时，光滑不会启动，但如果您调整屏幕大小然后刷新，则确实如此。寻找解决方案，以便当用户调整屏幕大小时，光滑将在没有刷新的情况下启动。谢谢！