A
A
ALexLancer2020-08-18 07:39:03
Owl Carousel
ALexLancer, 2020-08-18 07:39:03

How to fix the OwlCarousel bug where the entire "composition" is shifted to the left?

Often when clicking on an element in a non-looping slider

let Owls = $('.homes.owl-carousel').owlCarousel({
    navText    : ['<','>'],
    nav        : true,
    margin     : 30, 
    smartSpeed : 500, 
    dots       : false,
    responsive : {
      0:{
        items  : 1
      },
      576:{
        items  : 2
      },
      769:{
        items  : 3
      },
      1025:{
        items  : 4
      },
    }
  });

5f3b5ac4ce4b0694786939.jpeg
The entire composition is shifted to the left
5f3b5acb724c2141600345.jpeg
When you press the button to the left, everything falls into place.
I use the latest version of OwlCarousel 2.3.4
This bug is repeated from project to project. How to fix it?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
Artyom Ivanov, 2020-08-30
@artemazovskiy

As an option - try loop: true, the elements will be repeated, there will be no void.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question