Owl Carousel on One-Page Template is not responsive and overlaps on mobile view.

1 reply · opened Mar 6, 2023

Yyjbae123Mar 6, 2023

Hi, The Owl Carousel as see on the screenshot works perfectly on desktop view but completely breaks on mobile view.

What should I do to fix this issue?

SSemicolon WebSTAFFMar 7, 2023

Hello,

You can control the responsiveness of the Own Carousel using the data-items Attribute. Simple add the data-items Attribute based on the Screen Size you want to control and this will adjust the Items on the specific device size. For more documentation, consider checking here: https://html-v6-docs.semicolonweb.com/docs/shortcodes/carousel/ . Example: For control the Items Counts on XS/SM Device, use data-items-xs="1".

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