I have a wordpress site where I installed the Owl Carousel plugin (v0.53), with a horizontal carousel of 14 items, 4 of which are visible at a time.
On the desktop, width
of thumbnails is 298px
, while in mobile, I specified in the css of 175px
theme. While in the first one everything is normal, in the mobile versions after the end of the 14 items, there is a blank space left (which is exactly the size of + 14 empty items).
Does anyone know how to solve this problem? I imagine it's something related to the image below, in transform: translate3d
, but I do not know how to modify it exactly.
I tried installing Owl Carousel 2, which says it is responsive, but wordpress accuses the installer of failing whenever I try to install it.
When I put width
of the thumbnails in the mobile by 350px
, it is normal, but only with 1 item, whereas I wanted it to be possible 2 at a time.