slick слайдер не хочет листаться влево

Вверху страницы есть слайдер с продуктами (он там один). Листается он хорошо, только возникает проблема, когда листаешь его влево. Если на планшете протянуть влево (можно и на пк мышкой потянуть), то слайдер просто не захочет листать, он откинет тебя назад где и был (на первый слайд (молочка, сыры и яйца). после него не листается влево) Вот сайт, где можно проверить https://vashaferma.com/ Вот код слайдера

       <div class="goods-slide goods-slide-ms" style="height:50px;overflow:hidden;">
            <?if($fhr){?>
            <div>
                <a href="<?=$fhr['SECTION_PAGE_URL'];?>" title="<?=$fhr['NAME']?>" class="<?=( strpos($_SERVER['REQUEST_URI'], $fhr['SECTION_PAGE_URL']) === false ) ? '' : 'tecsec';?>">
                    <span class="menu-icon">
                        <img src="<?= CFile::GetPath($fhr['UF_S_ICO']); ?>" alt="<?//= $fhr['NAME'] ?>">
                    </span>
                    <span class="menu-title"><?= $fhr['NAME'] ?></span>
                </a>
            </div>
            <? } ?>
            <? foreach($arResult['SECTIONS'] as $key=>$arSection){ ?>
                <? if ((int)$arSection['ID'] !== 88 && $i < 8 && $fhr['ID'] != $arSection['ID']){ ?>
                    <div>
                        <a href="<?=$arSection['SECTION_PAGE_URL'];?>" title="<?=$arSection['NAME']?>" class="<?=( strpos($_SERVER['REQUEST_URI'], $arSection['SECTION_PAGE_URL']) === false ) ? '' : 'tecsec';?>">
                            <span class="menu-icon">
                                <img src="<?= CFile::GetPath($arSection['UF_S_ICO']); ?>" alt="<?//= $arSection['NAME'] ?>">
                            </span>
                            <span class="menu-title"><?= $arSection['NAME'] ?></span>
                        </a>
                    </div>
                <? } ?>
            <? } ?>
        </div>

А вот js slick slider'a

$('.goods-slide-ms').slick({
    slidesToShow: 8,
    slidesToScroll: 2,
    infinite: true,
    swipeToSlide: true
});