How to loop Slick Slider?

Question

JavaScript

There is a slider of 5 slides. On desktops, all 5 are displayed at the same time, on mobile - 2.
Settings slick

jQuery('.mainpage-menu__wrapper').slick({
        autoplay: false,
        infinite: true,
        speed: 300,
        slidesToShow: 5,
        slidesToScroll: 1,
        prevArrow: '.mainpage-menu__left',
        nextArrow: '.mainpage-menu__right',
        responsive: [{
            breakpoint: 768,
            settings: {
                slidesToShow: 2,
            }
        }]
    });

Now the arrows are not displayed on the desktop and, accordingly, there is no scrolling.
How can I make it scroll in a loop when all 5 slides are displayed on the screen?

Answer 1

Arrows are not shown when all slides are removed in width.
But in general, you can make your own pagination