I have problem with the testemonials owl-carousel in this page
<;
Iphone Chrome - all is good
Xiaomi and Samsung - Chrome - does not work as expected - when I turn the phone twice to landscape and back, everything is fine.
// Testimonials carousel
$(".testimonial-carousel").owlCarousel({
autoplay: false,
smartSpeed: 1000,
margin: 25,
loop: true,
center: true,
dots: false,
nav: true,
navText: [
'<i class="bi bi-chevron-left"></i>',
'<i class="bi bi-chevron-right"></i>'
],
responsive: {
0: {
items: 1
},
768: {
items: 2
},
992: {
items: 3
}
}
});
<base href="/"/>
<script src=".7.1/jquery.min.js"></script>
<script src=".3.4/owl.carousel.min.js" ></script>
<link rel="stylesheet" href=".3.4/assets/owl.carousel.min.css" />
<script src="/[email protected]/dist/js/bootstrap.bundle.min.js" ></script>
<link href="/[email protected]/dist/css/bootstrap.min.css" />
<div class="container-xxl bg-light my-6 py-6 pb-0 data-wow-delay=" 0.1s"="">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<p class="text-primary text-uppercase mb-2">// Recenzie</p>
<h1 class="display-6 mb-4">Už viac ako 1000 zákazníkov si pochutnalo na našich dobrotách</h1>
</div>
<div class="owl-carousel testimonial-carousel position-relative wow fadeInUp owl-loaded owl-drag" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="owl-stage-outer">
<div class="owl-stage" style="transition: all; width: 4324px; transform: translate3d(-864px, 0px, 0px);">
<div class="owl-item cloned" style="width: 407.343px; margin-right: 25px;">
<div class="testimonial-item text-center wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<div class="testimonial-text text-center p-4 mb-4">
<p class="mb-0">Koláčiky výborné, kvalitné, chválim všetkými 10timi , obsluha super