Hi guys, doing some carousel work on my shop and i have a question about min widths of product components inside the carousel: https://www.loom.com/share/0f0562f7f626476797c9a637201f6d3e?sid=77e617ee-5b9a-4bb8-883d-1af7b162b461

This post is now synced! Check it out here: Question on Minimum Widths for Product Components in Carousel ⤵️ Any future comments will be automatically posted to the thread

Hmm, just to clarify — you essentially want the carousel slides (product boxes) to be a bit narrower? In this case, you'd probably want to use fixed widths for them instead of percentages. As for the mobile screen, you'll probably want to use visibility settings to hide and show those containers on certain device types: https://support.replo.app/articles/1719324521-visibility

Yes, that’s what I want, but I tried to used a fixed width but got the same result

Hi @Miguel Tokumoto can you pass us the Page Link or Preview Link? Generally always provide that if it's easy to provide? It just gives us the relevant context to help you faster.

hi @Steve (Replo Team) already managed a fix, thank you!

Oh great to hear. What was the solution? Do you remember? Was it setting the slide widths with some other unit besides

%

? The issue with

%

for slides is that the 'area' inside the "Slides" component in which each Slide component sits is actually not based on the view port width but rather the contents of the stuff inside of it. It's a bit complex and carousels are very hard to get right, but yeah basically the absolute units might be the better way to go

I’ll get you a loom in a few mins!

Ahh yes the Fixed carousel config with a number of slides to show. Hopefully it keeps working out for you! Thanks for sharing replo