After extracting the code for owl carousel from its website along with the included CSS and JS files, I encountered errors related to prefixes such as -webkit, -mos, and -ms. Upon further investigation, I found suggestions to add the following JS code:
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
navigation : false,
rtl:true,
slideSpeed : 300,
paginationSpeed : 400,
autoplay:true,
singleItem:true
});
})
However, the issue persisted even after implementing this solution!
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,
.owl-carousel .owl-item {
/* CSS styles here */
}
/* More CSS styles for owl carousel... */
Just to clarify, this project is simply a placeholder and these code snippets pertain only to the carousel component. I have additional sections of code for other elements!