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

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

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:

Select the text element that is disappearing when resizing the browser window.
In the top-right corner of the Designer, click on the Settings tab.
Under the Typography section, you will find options for various breakpoints: Desktop, Tablet, and Mobile.
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 (%).
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.
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.

How can I add extra space (padding or margin) under my responsive footer in Webflow, especially for wider screens where the footer touches the bottom of the screen?

How can I change the breakpoint resolutions in a webflow template?

What could be causing sections to overlap in different modes (desktop, tablet, mobile) when using Webflow?

1- How can I remove the white space under the footer on certain pages in Webflow?2- Is there a way to force the footer to stay at the bottom of the page in Webflow?

How can I vertically center a logo in the middle of my navbar using Webflow?

How can I create overlapping images in Webflow between sections of a project?

How can I reduce the margins of grid components on Webflow to match my actual design?

How can I create an irregular grid using collection list in Webflow with two different image sizes (horizontal and vertical) while maintaining their aspect ratio and filling the whole height of the grid's row?

How can I make a homepage in Webflow that fills the entire screen without any scrolling?

In Webflow, how can I create a portfolio with a varying layout for each project that includes different elements such as images, GIFs, videos, and text blocks?