Header text not splitting in mobile view

[Fredslund]

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.

[AlexN (Alex Nichol)]

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

Posting Guidelines for the Design Help Category

Please read the guidelines before posting to the Design Help category #Design Help Category Get help with your site’s design, layout, responsive behavior, and more. #When posting please: Required: Share your project’s Read-Only link AND live site’s Published link The read-only link is a special url generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link? The published link is the webflow.io subdomain where you…

[Fredslund]

Right my bad. I included the mentioned links now

[AlexN (Alex Nichol)]

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.

New Feature: Canvas Resizing

Hey guys, we have another new feature for you that I think you’ll find really useful when creating responsive designs that work on a wide range of devices. We call it the “canvas resize handle”, and it’s available now in the main Webflow Designer interface: [image] You can drag this handle (or any part of the edge of the canvas, actually) to preview the way that your website will look at various resolutions in that “device range”. For example, when I’m in “Phone Portrait” mode, I can now resiz…