Show adjacent images on mobile carousel?

Hi!

How can I show a part of the previous and next image in my image carousel on mobile? See my attached image. The standard layout doesn't encourage swiping at all..

No one?

Hey, glad I found your post. I want to do the same thing but haven't found a solution yet. Have you figured this out on your own? If so, I'd appreciate if you could share the solution with me. Thanks in advance!

On 12/9/2023 at 10:25 PM, C4io said:

Hey, glad I found your post. I want to do the same thing but haven't found a solution yet. Have you figured this out on your own? If so, I'd appreciate if you could share the solution with me. Thanks in advance!

Almost solved it, but not exactly how I wanted it. But this code shows a part of the previous image at least (unfortunately with some margin to the edge) :

<style>
  @media screen and (max-width:767px) {
  .user-items-list-item-container[data-section-id="651a78b59edb3971cf6f1a53"] ul {
    grid-template-columns: repeat(1,1fr) !Important; margin-left:10% !important;
}
  }
</style>

Hey, I'm also having this issue. Where did you add this code to the site?

Thanks so much

1 minute ago, megancecile91 said:

Hey, I'm also having this issue. Where did you add this code to the site?

 

Thanks so much

Under the 'Advanced' tab for the page in question. And you need to find out the section-ID and replace it of course.

On 4/5/2024 at 6:07 PM, megancecile91 said:

Hey, I'm also having this issue. Where did you add this code to the site?

 

Thanks so much

If you can't achieve it, you can share link to page where you use carousel, we can adjust ID for your case