<div class="_js_foodmall-filter_slider">
                                <div class="events-filter__item "><a href="?filter=N">ВСЕ</a></div>
                        <div class="events-filter__item" >
    <a href="#">Мужская и женская одежда</a>
  </div>
  <div class="events-filter__item" >
    <a href="#">Кожгалантерея</a>
  </div>
  <div class="events-filter__item">
    <a href="#">Банки и банкоматы</a>
  </div>
  <div class="events-filter__item">
    <a href="#">Ювелирные украшения, часы</a>
  </div>
  <div class="events-filter__item">
    <a href="#">Салоны красоты и SPA</a>
  </div>
  <div class="events-filter__item">
    <a href="#">Цветы</a>
  </div>
  <div class="events-filter__item">
    <a href="#">Журналы, книги, канцтовары</a>
  </div>
  <div class="events-filter__item">
    <a href="#">Продукты</a>
  </div>
  <div class="events-filter__item" >
    <a href="#">Магазин игр и игрушек</a>
  </div>
  <div class="events-filter__item" >
    <a href="#">Другое</a>
  </div>
  <div class="events-filter__item" >
    <a href="" >Ремонт, мастерская</a>
  </div>
                             </div>  
.events-filter__item {
    position: relative;
    border: 1px solid #81d8d0;
    background: #81d8d0;
    color: #2a303e;
    font-size: 16px;
    font-family: MyriadProSemibold;
    min-width: 150px;
    margin: 0 13px;
    display: flex;
    align-items: center;
    text-align: center;
}
 $('._js_foodmall-filter_slider').slick({
        arrows: false,
        dots: false,
        infinite: false,
        variableWidth: true,
        slidesToShow: 2,
        slidesToSwipe: 1,
        swipeToSlide: true,
        edgeFriction:0,
      });

External CSS

  1. https://korston.ru/bitrix/ammina.cache/css/ammina.optimizer/s1/full/c8/c82ee3/c82ee3153002d7255ffb2bba3bcc2cee.css
  2. https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css

External JavaScript

  1. https://code.jquery.com/jquery-3.4.1.js
  2. https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js