Categories

Featured templates

JS Animated. How to change number of items displayed in Owl carousel for different screen sizes

George Jones March 7, 2016
Rating: 5.0/5. From 3 votes.
Please wait...

This video tutorial will show how to change number of items displayed in Owl carousel for different screens sizes in JS Animated templates.

JS Animated. How to change number of items displayed in Owl carousel for different screen sizes
  1. Locate Carousel at your site:

    JS Animated. How to change number of items that are displayed in Owl carousel for different screens sizes - 1
  2. You should use FTP or File Manager, then open index.html file that controls page with owl carousel:

    JS Animated. How to change number of items that are displayed in Owl carousel for different screens sizes - 2
  3. Search for data-items, Change value of data-items=’1′ and data-sm-items=’2′, when done press Save and Close button:

    JS Animated. How to change number of items that are displayed in Owl carousel for different screens sizes - 3
  4. Go back to your site, refresh the page, check Owl carousel on the Desktop:

    JS Animated. How to change number of items that are displayed in Owl carousel for different screens sizes - 4
  5. Resize your browser window to 320px*480px or check on mobile to see your changes:

    JS Animated. How to change number of items that are displayed in Owl carousel for different screens sizes - 5

Feel free to check the detailed video tutorial below:

JS Animated. How to change number of items displayed in Owl carousel for different screen sizes
This entry was posted in JS Animated tutorials and tagged carousel, HTML, number, Owl, screen, size. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket