How to prevent carousel splitting column @ screen width between 767px to 1200px

1 reply · opened Jul 23, 2020

Llsualeng13Jul 23, 2020

Hi,

I need some help with the carousel. I'm using the How we work - carousel from Business.html
How can I prevent the carousel from splitting into 2 columns when screen width is between 767px to 1200px?
I want the oc-items to show only one. Adding data-items="1" doesn't work. I also notice that adding data-loop and data-pagi also doesn't work with this carousel.

Thank you so much.

PS: the code <div id="oc-features" class="owl-carousel owl-carousel-full image-carousel carousel-widget customjs">

SSemicolon WebSTAFFJul 23, 2020

Hello,

Since this Carousel uses the .customjs Class, the Carousel Plugin has been Initialized manually using Special Settings. You will find the JS Initialization Codes for this Carousel at the bottom of the HTML File. Simply find the 768: { items: 2 }, JS Setting and change the Values according to your needs.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard