How can I keep the text in the headline visible on other breakpoints when I delete it on the mobile breakpoint in Webflow?

Published on
September 22, 2023

To keep the text in the headline visible on other breakpoints when you delete it on the mobile breakpoint in Webflow, you can use the visibility settings in the Element Settings panel. Here's how you can do it:

  1. Select the headline element on the mobile breakpoint.
  2. Open the Element Settings panel on the right side of the Webflow Designer.
  3. Scroll down to the Visibility section.
  4. By default, the Visibility setting is set to "Visible". Change it to "Hidden" by clicking on the dropdown menu and selecting "Hidden".
  5. Now, navigate to the breakpoint where you want the text to be visible again (e.g., desktop or tablet).
  6. Select the same headline element and open the Element Settings panel.
  7. Scroll down to the Visibility section.
  8. Change the Visibility setting back to "Visible" by clicking on the dropdown menu and selecting "Visible".

By following these steps, you effectively hide the text on the mobile breakpoint while making it visible again on the other breakpoints. This way, the text in the headline will remain visible on the other breakpoints even if it is deleted on the mobile breakpoint.

Note: Make sure you are working on the correct breakpoint when making changes to the visibility settings. Also, keep in mind that the visibility settings apply to the specific element and not its content. If you delete the text content itself, it will not be visible on any breakpoint unless you add it back.

Summary:
To keep the text in the headline visible on other breakpoints when deleted on the mobile breakpoint in Webflow, follow these steps:

  1. Select the headline element on the mobile breakpoint.
  2. Open the Element Settings panel.
  3. Set the Visibility setting to "Hidden".
  4. Navigate to the desired breakpoint where the text should be visible again.
  5. Select the headline element on that breakpoint.
  6. Open the Element Settings panel.
  7. Set the Visibility setting back to "Visible".

Additional Questions:

  1. How can I hide text on specific breakpoints in Webflow?
  2. What are the visibility settings in Webflow and how do they work?
  3. Can I make certain elements visible only on specific breakpoints in Webflow?