Buy me a coffee

Show more images in Carousel Mobile

#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

Show More Images In Carousel Image 01 Min

#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;
}
}

Show More Images In Carousel Image 02 Min

Result:

Show More Images In Carousel Image 03 Min

#Option 2. If you use List (People) Carousel

First, find the Carousel Section ID. In my example, it is:

  • section[data-section-id=”66b25d54a6835837afc06114″]

Show More Images In Carousel Image 04 Min

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;
    }
}

Show More Images In Carousel Image 05 Min

Result:

Show More Images In Carousel Image 06 Min