Why doesn't owl carousel work on mobile phones?

Question

css

Everything on the site works and adjusts as it should, even when the screen width changes. During a real check on the phone or a service for checking adaptation, the carousel either turns off and all the slides go into a column.

Answer 1

Do you know that slick allows you to display a different number of slides in the carousel for different screens?
For example, portrait mobile phones - ONE slide, landscape mobile phones - TWO slides, tablets 4, desktop 6.
Comfortable as hell!!
Like here:

$('.slider_box').slick({
        infinite: true,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 3,
        responsive: [
        {
        breakpoint: 1024,
          settings: {
          slidesToShow: 4,
          slidesToScroll: 2,
          infinite: true
          }
        },
        {
        breakpoint: 600,
          settings: {
          slidesToShow: 2,
          slidesToScroll: 1
          }
        },
        {
        breakpoint: 480,
          settings: {
          slidesToShow: 1,
          slidesToScroll: 1
          }
        }
        ]
});