Header text not splitting in mobile view

Hey there fellow Webflow designers! I recently started making a website on this platform, since i really liked how easy it seemed to make a responsive website.

I ran into a problem though. I followed the tutorial below for awhile but i inserted a header text i wrote myself instead:

Then i tried checking out my work in different views. I noticed one word, patientcommunication (in danish), ended up flowing through my textbox off to the side when i tested the site in mobile view.

I tried wrapping it in a div and a container and i tried different margin and padding settings - but that didn’t help me.

EDIT:
Read-only website: https://preview.webflow.com/preview/fredslund7889?preview=17ca873672e93ee47a3cab4c66796b40

Here are some screenshots showing my issue:
Tablet view: http://postimg.org/image/9e6qzlbdl/
Mobile view: http://postimg.org/image/cejlez187/

I am using Windows 8.1 and Google Chrome 42.

Please post your public share link and have a look at the posting guidelines for this section.

Right my bad. I included the mentioned links now :smile:

Hey @Fredslund no problem. For the view points where the words overflow the screen, you will need to reduce the size of the text. Lower the px count or instead of px you can use vw or em to manage the size of text on various view points.

You might find this helpful. He is talking about a new feature but he is using vw for his text size to address the same issue you are having.

2 Likes

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.