Why does Owl Carousel slides jump to a new line?

Question

css

I'm using the Owl Carousel v2.3.4 plugin. Some users complain that the slides jump to a new line:

The code is standard:

$('.block-list').owlCarousel({
  loop: false,
  margin: 10,
  nav: true,
  pagination : false,
  autoWidth:true,
  dots: false,
  navText: ['<span class="fa fa-chevron-left"></span>','<span class="fa fa-chevron-right"></span>'],
});

Maybe someone faced a similar bug? I can't catch the bug myself. Tried this solution:

.owl-stage {
  display: flex;
  justify-content: space-between;
}

But after that, already on other devices, something like an accordion is obtained. Those. slides are stacked on top of each other. Most likely, flex is not supported on older devices. The solution didn't help.

I would be very grateful $ if someone can help solve the problem.

Answer 1

Two options are possible
1) owl.carousel.min.css is not included
2) the structure of the carousel is broken, check nesting of blocks and classes