How to make the carousel mobile version looks like the web version (displaying more than one image)

Hi,

I'm trying to make the mobile version looks like the web version. Where you can see half of the photo on each side of the one you are looking at. See picture for reference.

Bests,

Thank you !

Hi,

Can you share link to page where you use carousel? We can check easier

5 hours ago, tuanphan said:

Hi,

Can you share link to page where you use carousel? We can check easier

Hi,

https://valentinlavoute.com/

21 hours ago, valentinlavoute said:

Hi,

https://valentinlavoute.com/

I tried some code but no luck. If you want to show 2 items/row, we can help

Hey no worries, 2 items/row would be cool !  

7 hours ago, tuanphan said:

I tried some code but no luck. If you want to show 2 items/row, we can help

Don't know if I need to make another topic but by any chance, do you have the code to make the image gallery 3 rows on mobile ?

https://valentinlavoute.com/

On 7/1/2023 at 10:07 PM, valentinlavoute said:

Don't know if I need to make another topic but by any chance, do you have the code to make the image gallery 3 rows on mobile ?

https://valentinlavoute.com/

Add to Design > Custom CSS

/* masonry 3 items */
@media only screen and (max-width: 640px) {
    .gallery-masonry .gallery-masonry-wrapper {
        columns: 3;
        column-gap: 0;
        height: auto!important;
        display: block!important;
        padding: 0px;
    }
    .gallery-masonry-item-wrapper {
        height: auto!important;
    }
    .gallery-masonry-item {
        position: relative!important;
        transform: none!important;
        width: 100%!important;
        display: block;
        padding: 1.5px!important;
        box-sizing: border-box;
    }

    .gallery-masonry .gallery-masonry-item img {
        height: 100%!important;
      	width: 100%!important;
    }
}

On 6/30/2023 at 5:17 PM, valentinlavoute said:

Hi,

https://valentinlavoute.com/

I don't see carousel now. Can you check it again?