Hi Webflow Team,
I’ve encountered an issue in the Designer preview mode where the text labels in the top left corner are not displayed correctly due to the container’s width. Specifically, all four texts—Analyze, CMS, Preview, and Designer—appear to be cut off and aren’t fully visible.
I believe this might be related to the container not expanding properly to fit the content. Please see the attached screenshot for reference.
Could you please investigate and let me know if there’s a way to resolve this?
Thanks for your help!
Hi there!
Text overflow typically occurs when content is wider than its container element. Here’s how you can resolve this:
The first step is to identify the overflow using X-ray mode in Canvas settings. This will help you visualize element boundaries and spot where content is exceeding its container.
To fix overflow issues:
- Set the parent container’s width to 100% to ensure it spans the full width of its own container
- Apply max-width properties to prevent elements from becoming too wide
- Use “word-wrap: break-word” in the Style panel to force long text to wrap
- Enable “overflow: hidden” or “overflow: auto” on containers if needed
You can verify your fixes by using the preview mode and testing different viewport sizes to ensure your layout remains responsive across all screen widths.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.