mobile Show adjacent items for Auto-layout carousel on mobile

Hi

Anyone know how to show adjacent items for carousel on mobile view?

I've used Will Meyers code to show more than one item

Here's what I was thinking:

Thanks!

Hi,

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

Stumbled on the same issue. I'm useless at Flex, the Will Meyers code helped me out with the first part. 

I know this can't be the right way to approach it but before I gave up I tried tweaking the margin on the targeted class.

Quote

   .user-items-list-carousel__slides {
      grid-template-columns: ~"repeat(2,1fr)" !important;
      margin-left:29% !important;
    }

That seems a place to start, I've then just stumbled around with padding and grid-space until it looks passable. I think I'm going to code jail but it's a client request and something that should be implemented in the autolayout block anyway

On 12/21/2022 at 8:55 AM, tuanphan said:

Hi,

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

unthinkable.squarespace.com/home-final

PW: unthinkable

Thanks!