отключить сову-карусель в мобильном устройстве с его настройками - PullRequest
Новая
       20

отключить сову-карусель в мобильном устройстве с его настройками

0 голосов
/ 11 июля 2019

У меня есть много карт, чтобы показать, но я хочу отключить слайдер на рабочем столе и показывать в несколько рядов к сожалению, все стили для карточек основаны на классах сова-карусель, которые будут созданы после метода .owlcarousel

я использовал вариант адаптивного класса owlcarousel 

        <section class="lst">
            <div class="container">
                <div class="owl-carousel" id="list-slide">

                    <!-- Single listing -->
                    <div class="list-grid-layout classical-layout tour-item">
                        <div class="grid-layout-header">
                            <a href="listing-detail.html" class="list-thumb">
                                <img src="assets/img/7.jpg" class="img-fluid mx-auto" alt="">
                            </a>
                            <div class="gl-top-head">
                                <div class="pr-rate gl-card">تومان</div>
                                <div class="gl-rating gl-card">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star-half-o"></i>
                                </div>
                            </div>
                            <div class="grid-layout-info">
                                <ul>
                                    <li><i class="ti-headphone"></i> 402-520-8170</li>
                                    <li><i class="ti-location-pin"></i>خیابان پنجم کوچه دوم</li>
                                </ul>
                            </div>
                        </div>
                        <div class="grid-layout-body">
                            <div class="gl-list-author">
                                <a data-toggle="tooltip" data-original-title="نام نویسنده" href="author-detail.html"><img src="assets/img/team-5.png" alt=""></a>
                                <span class="verified-badge"><i class="fa fa-check"></i></span>
                            </div>
                            <div class="gl-list-caption">
                                <h4><a href="listing-detail.html" class="list-title">غذای محلی ایران</a></h4>
                                <p class="gl-tagline">پخت و پز نوآورانه، همراه با شراب خوب است</p>
                            </div>
                        </div>
                        <div class="grid-layout-footer">
                            <a href="http://themezhub.com/">
                                <div class="cat-icon-box rounded-circle cbg-1">
                                    <i class="fa fa-home"></i>
                                </div>
                                <div class="icon-box-text">رستوران</div>
                            </a>
                            <div class="ft-loke">
                                <a href="#"><i class="ti-heart"></i></a>
                                <span class="list-status">باز</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
...