Text Box Doesn’t Shrink to Wrapped Text Width

Design help General
1

Hey everyone,

I’m running into an issue with responsiveness on Webflow, and I’m not sure if it’s a bug or just something I’m not familiar with.

When I’m working with a flex layout div and one of the elements inside is a text box (with multiple words), everything looks fine on desktop. But once I switch to tablet or mobile and the text wraps, the text visually wraps as expected, but the bounding box of the text doesn’t shrink to match the actual wrapped content.

Instead, the box keeps almost its original width from when the text was in one line, which pushes the neighboring flex item way off to the side, making the spacing between the elements totally off.

I’ve attached a screenshot to help clarify what I mean. Hopefully it makes sense! But happy to answer any follow-up questions if not.

image
image1700×803 218 KB

I’m still a beginner/intermediate (been watching a ton of tutorials), and I assume this is something basic that I’m just overlooking. But honestly, text boxes have always behaved like this for me, and I’ve never really figured out why.

Thanks in advance for any ideas or suggestions!

2

Hi there,

Web layouts behave differently from static presentations, with content flowing dynamically based on screen sizes and device types. To control text wrapping in your design:

  1. Open the Style panel
  2. Navigate to Typography
  3. Click More type options
  4. Under Wrap, select your preferred option:
    • Normal: Standard text wrapping
    • Anywhere: Breaks text at any character
    • Break word: Breaks only at word boundaries

For better responsive design, consider using percentage-based widths for your elements to prevent overflow issues. You can learn more about CSS layout and positioning in our Webflow University course.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

The wrapping is working normally; it’s the bounding box that is not. The wrap options don’t solve that, unfortunately.

Hopefully, someone from the community has an answer.

4

Hey @oliveruszkurat,

Can you share a read-only link of the site or the live site link to look into this in a better way?