#Option 1. If you use Gallery Block Carousel
#1. First, find Carousel Block ID. In my example, it is:
- #block-yui_3_17_2_1_1723904978101_5422
#2. Use this code to Custom CSS box
@media screen and (max-width:767px) { div#block-yui_3_17_2_1_1723904978101_5422 .sqs-intrinsic { padding-bottom: 20% !important; } }
Result:
#Option 2. If you use List (People) Carousel
First, find the Carousel Section ID. In my example, it is:
- section[data-section-id=”66b25d54a6835837afc06114″]
Next, use this CSS code (Then save & reload the page)
@media screen and (max-width:767px) { section[data-section-id="66b25d54a6835837afc06114"] ul { grid-template-columns: repeat(3,1fr) !important; } }
Result: