Slider text overhanging container

[finkk]

Hello there,

The text in one of our carousels is overhanging / being cut off on mobile screens:

I have a max-width set on the text element for laptop and desktop breakpoints, but none for iPad and smaller - hence my confusion. Any idea why this is happening?

Kind Regards,

Spencer

[prakash_s]

Hello @finkk,

Thanks for writing to us.

It seems that you have set the max-width as 945px for all that devices on the Text element I would suggest you go to the Text element —>Max-width—>Set the width for the small device(100%).
Please have a look at the given screenshot below.

Hope it helps
Thanks

[finkk]

Hi @prakash_s

Thanks for getting back to me.

I did set those to 100% for tablet downwards but they are still clipped. I can’t see a problem in the Slider (stacked) element settings.

Any other idea what may be wrong?

Kind Regards,

Spencer

[ruenel]

Hello Spencer,

You need to set a width and maximum width of your Slider element and the Content Wrapper element to 100%.

And then the content sizing of your Slider Container should be 100% for both the width and the maximum width.

Kindly let us know how it goes.