Streaming live at 10am (PST)

Overflow left and right on Mobile Site


#1

Hey there,
i hope you can help me:

I made this site (read-only link below) with webflow and i’ve got a overflow on mobile. It seems like something doesn’t fit in the mobile viewport. I looked over all of the elements with x-ray mode but I didn’t could find out what the problem is.

So i would be very thankful somebody could figure this problem out for me.

Best Regards and Greets from Austria with LOVE!
Wolfgang


Here is my site Read-Only: https://preview.webflow.com/preview/derigo?utm_source=derigo&preview=5c80226aede2af17cb62c1f259f4ac26


#2

Hi @Wolfi_del_Toro,

In your section “Leistungen”
The third “h3yellowtitle” text is “Verstopfungsbehebung” which is a very long word :slight_smile:

You can’t see the overflow in x-ray as it is not the element being to big but it’s inner text. And because it is only one word it can’t break to the next line.

From there 2 solutions:
What I would recommend is reducing a bit your text size, margins etc to make this long word fit in.
Something like this:

Or

Play with some custom code to have the word break with some custom css properties (not available in Webflow interface)

I hope it helps :slight_smile: