Carousel on mobile: Text not fully shown and not scrollable, either

[klaus]

Hello everybody, I have a problem with text slides in the carousel.

On desktop, it works fine, but on mobile, on longer text slides, a huge part of the text is omitted.

Example: https://klausheymach.com/sonnenallee/
You can also see the problem if you shrink the window on desktop.

Same problem with different browsers.

I activated custom phone layout, but don't know where to start. Thanks for your help!

[klaus]

No idea anyone?

[Richard]

Dear @klaus

Sorry for my delayed reply

I think the problem may be your use of 'px' (pixels) as a unit for your font (font-size). Currently i believe its set to 17px.

Because px are a fixed unit they will eventually break outside their bonds when clashing with another element

Apply a responsive text unit via "text formats" or by using Custom CSS is possible. Here in the inspector 🔍I gave 'vw' a go (viewport width):

https://www.w3schools.com/cssref/css_units.asp

---

Hope this helps Klaus have a great day and thank you for supporting Lay Theme ✅

Richard