Text is not breaking in new Line in mobile Versions. Bug?

Design help General
1

Hi,

i need some help, i got this issue on two sites.

  • Hero Picture in the Background (100% VH)
  • Hero Header/Text in the middle with Name and small Text
  • Text is not breaking in new Lines in mobile Versions. They are overflowing.
    While editing it looks ok, but after i choose another object the text is overflow.

Where is my mistake?
Usually every Block Text should break in new Line?! Right?

Here is my site Read-Only: https://preview.webflow.com/preview/da-francesco-ismaning?utm_source=da-francesco-ismaning&preview=a6634ec81fa32ecc328f533604511681

1 Like
2

Hello @FromMuc

I will use a regular div, not a container. See here > https://www.useloom.com/share/ee032f479c1c4dc4afcd7bc253ed77a5

Hope this helps :webflow_heart:

1 Like
3

thank a lot. it works.

1 Like
4

Awesome! Happy to help :webflow_heart:

5

Oh, try this there is really one Bug.

  • if you write your Text only in big letters (not the option “All Cabs”, the text is not breaking in new line.
  • if you write your text normal (first letter Big, than small) and choose than the option under Typography “All CABS” Big, than the lines are breaking
3 Likes
6

Do the following > https://www.useloom.com/share/99444047075648dfad3ae6002976a28f

Ou actually work as expected for me. Using all caps from the css or just using shift.

7

I just had this same thing happen and the solution suggested by @FromMuc fixed it.
A bit surprised since this seems to be a known bug for over 2 years, has it not been fixed?

8

I was also looking the right guideline and thank you FromMuc for the solution. It is the best ways to solve it.

9

You just saved me from losing my mind

10

Thank God I found this post. The bug still exists. :man_facepalming: