You can solve this problem by using a css technique and get the slides vertically rotate. I'm giving you an example and try to make you understand how you can get your problem resolved, below are some code snippets of thumbnails:
/********* CSS ***********/
.owl-carousel{
transform: rotate(90deg);
width: 270px;
margin-top:100px;
}
.item{
transform: rotate(-90deg);
}
.owl-carousel .owl-nav{
display: flex;
justify-content: space-between;
position: absolute;
width: 100%;
top: calc(50% - 33px);
}
div.owl-carousel .owl-nav .owl-prev, div.owl-carousel .owl-nav .owl-next{
font-size:36px;
top:unset;
bottom: 15px;
}
/********** JavaScript ***********/
$( document ).ready(function() {
$(".owl-carousel").owlCarousel({
items: 3,
loop: false,
mouseDrag: false,
touchDrag: false,
pullDrag: false,
rewind: true,
autoplay: true,
margin: 0,
nav: true
});
});
Hope your problem is resolved and best of luck.
