(Solved) What am I doing wrong in my Slider?

[laclochard]

Hello! I am making my first slider following the instructions of the Webflow tutorial on how to make Sliders and I seem to be doing something wrong.

I created 6 slides, but when I press on the arrow the other 3 don’t appear. I set up every slide to be 33.33% width just like in the tutorial so that it shows 3 at a time, but apparently the last 3 slides are stacking up beneath the first 3. I’ll show you in an image:

I have tried with every option in the Flex Layout menu but the last 3 slides still don’t appear.

Any ideas why this is happenning?

Thank you!!

---

Here is my public share link: https://preview.webflow.com/preview/levelapp?preview=d5f6debd98281a50b1ffb7ad4c110783

[aaronocampo]

Can you share your read only link please?

Share a project's read-only link | Webflow University

[laclochard]

Yes, I just edited the post and added the link

[aaronocampo]

Remove felxbox from your display settings and you’re good to go.

You can achieve centering the heading title with Center position:

Cheers,

[laclochard]

Great! I also removed flexbox in the Slider Mask and now it’s working!

I figured flexbox would make responsiveness easier but I guess I will work on that later and make changes individually for the other screen sizes.

Thank you very much for helping me!!