Skip to main content
WhatsApp Us

When Owl Carousel Has Less Than 3 Item Using JS

Saurabh Dhariwal

Saurabh Dhariwal

Hide Nav Arrows When Owl Carousel Has Less Than 3 Item Using JS

We all are familiar with Owl Carousel, I hope! Now, default behavior of Owl carousel is: it always displays nav arrows irrespective of number of items. There is a possibility that carousel have less number(s) of item(s) on screen and there is no scroll behaviour, yet arrows are always displayed.

Follow below code to hide the arrows if there are less number of items in carousel:

JS code - For Desktop:

For iPad:

For mobile:

We faced this issue in one of our projects and hope this would help you all. Feel free to add comments and inputs. Always open to new ideas and implementation for Quality Web Design Services. #letstalksolution