I'm really annoyed that the carousel Element doesn't allow to set >2 columns on phone resolution. This was my support ticket submitted over 1 year ago. And the answer from them: "Unfortunately Brizy can't do this". What ?
Luckily, I found a CSS solution that can make the Carousel work with 2 columns in my phone screen.
CSS code:
add CSS Class: wtr-slick
copy paste code css to CSS Custom
/*-- 2 column screen phone --*/
@media (max-width: 500px) {
.wtr-slick .slick-list.draggable {
padding-right: calc(50% + 8px);
}
}
How to use it
Download file demo.zip, upload to Brizy. Done (Then you can see the css code from here)
*Note: License Pro is required for the functions to work
Key word:
