Is it common for text to disappear from the screen when resizing the browser window in Webflow? If so, is there a fix for this issue?

Published on
September 22, 2023

It is not uncommon for text to disappear from the screen when resizing the browser window in Webflow. This issue occurs when the responsive settings for the text element are not properly configured.

To fix this issue, follow these steps:

  1. Select the text element that is disappearing when resizing the browser window.
  2. In the top-right corner of the Designer, click on the Settings tab.
  3. Under the Typography section, you will find options for various breakpoints: Desktop, Tablet, and Mobile.
  4. Make sure the font size and line height settings are appropriate for each breakpoint. It is recommended to use relative units like pixels (px) or percentages (%).
  5. If the text still disappears, it may be because the parent element (such as a div block) has overflow settings that are hiding the text. Check the parent element's overflow settings and adjust them accordingly.
  6. Preview your site in different browser widths to ensure that the text remains visible at all screen sizes.

By properly setting up the responsive settings for the text element, you can ensure that it maintains visibility even when the browser window is resized.