如何使自适应滑动滑块始终保持导航箭头？

Question

我正在使用Wordpress中的Slick滑块。它一直在工作，但我已更改了脚本，以在响应代码中设置的最大两个屏幕尺寸显示4张幻灯片而不是3张幻灯片。它显示了4张幻灯片，但是导航箭头消失了。当屏幕缩小以显示两张或三张幻灯片时，箭头会返回。

当我查看源代码时，箭头甚至都没有出现，所以这好像它们没有出现，而是被CSS隐藏了。

我已经尝试过尽可能多地使用这些变量，但是唯一能始终显示箭头的方法是将slidesToShow返回3而不是4。

 init: function init() {
    $('.featured-products').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      infinite: false,
      responsive: [
        {
          breakpoint: 1200,
          settings: {
            slidesToShow: 4,
            slidesToScroll: 1,
            variableWidth: true,
            infinite: true,
          },
        },
        {
          breakpoint: 995,
          settings: {
            slidesToShow: 3,
            centerMode: false,
            centerPadding: '150px',
          },
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2,
            centerMode: false,
            variableWidth: false,
            centerPadding: '80px',
          },
        },
        {
          breakpoint: 490,
          settings: {
            slidesToShow: 1,
          },
        } ],
    });