[Help]: Center slide

[sarussss]

Summary

Hi @davidjerleke
How can I center the content when the slider is not enough to drag, but when the slider is enough much it works normally?
I tried with option align but no success, do you have any suggestions?

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

No response

CodeSandbox example

https://stackblitz.com/edit/vitejs-vite-jtxkrl?file=index.html,style.css,main.js

[janstieler]

Hi,
with flebox you can center your images with justify-content: center; on embla-container.
I don't know if embla have a included positibility to check for the min width fro dragging. But you if you know which the min width is you can calculate it with js and set a class who is setting the necessary flexbox attributes.

[sarussss]

Hi,
you can check it
Hope it helps you somehow.

[davidjerleke]

Hi @sarussss!
Why did you close this 🙂? Did you solve it? I'm slower to respond during summer so please be patient. Thanks!

[sarussss]

Hi @davidjerleke.
I closed because I have found the solution to the problem I am having, so I am closing it so you don't waste your time checking it.
Thanks you.

[davidjerleke]

@sarussss I see. Thanks for clarifying! Feel free to share your solution if you want. Regardless, thanks for all your help!

[sarussss]

Thanks @davidjerleke
My solution is just a temporary solution for a specific case and is not optimal so I don't think I should share it.