最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

html - owl-carousel testimonial does not work as expected on SOME mobiles - Stack Overflow

programmeradmin0浏览0评论

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 
发布评论

评论列表(0)

  1. 暂无评论