Resolving Text Overlap in Banner11_Component on Mobile ...

At a glance

A community member is using the banner11_component which works well on desktop, but on mobile and tablet, the text elements overlap due to their length. The community member has considered setting line breaks to normal, but that results in the text splitting into two lines, which is not ideal. The community member is seeking suggestions on how to resolve this while keeping the text on a single line. There is a read-only link provided, and the community member is looking for any input or ideas.

Another community member has commented, asking if they know how to resolve this issue, and indicating that they understand if it is not their field.

MMarkus Müller

Hello everyone 👋

I’m using the banner11_component, and it works beautifully on desktop. However, on mobile and tablet, the text elements overlap due to their length. I’ve considered setting line breaks to normal, but that (obviously) results in the text splitting into two lines, which doesn’t look ideal.

Does anyone have suggestions on how to resolve this while keeping the text on a single line? Here’s the read-only link. Any input or ideas would be greatly appreciated! 🙏

Attachment

1 comment

MMarkus Müller

Would you know how to do this? Just pinging you in case it slipped through the cracks :) If its not your field I of course understand :)

Add a reply

Community forum for knowledge and support

Resolving Text Overlap in Banner11_Component on Mobile and Tablet