Why are the newly added sections on my website not being shown when I press publish in Webflow, even though they are visible in Chrome's inspect tool?

Published on
September 22, 2023

Sometimes, when you add new sections to your website in Webflow, you may encounter a situation where the newly added sections are not being displayed when you publish your site. However, you can still see them in Chrome's inspect tool. This can be quite frustrating, but there are a few common reasons why this may happen, and here are some potential solutions:

  1. Check for Visibility Settings: Make sure that the visibility properties of the newly added sections are correctly set. In Webflow, each section has a visibility setting that determines whether it should be visible or hidden on different devices. Double-check these settings to ensure that the sections are not inadvertently set to be hidden.

  2. Check for Display Settings: Verify the display settings of the sections. In some cases, the sections may have their display property set to "none" either in the style panel or in custom code. Make sure that the display property is set to "block" or any other appropriate value that allows the sections to be visible.

  3. Clear Cache: Sometimes, browser cache can prevent updated content from being displayed. Try clearing your browser cache and then reload the published version of your website. This can be done by pressing Ctrl+Shift+R (Windows) or Command+Shift+R (Mac) on your keyboard.

  4. Check for Interaction Conflicts: If you have interactions applied to your website, there may be a conflict with the newly added sections. Check if any interactions are causing the sections to be hidden or manipulated in a way that makes them not visible. Temporarily disable or tweak the interactions to see if that resolves the issue.

  5. Publish and Republish: After making any changes to the sections or to the site's settings, be sure to republish the site. Sometimes, when changes are made but not published, the site may not reflect the updates. Make sure to publish the site again to ensure that the changes are properly applied.

If you've tried all these steps and the issue persists, it's recommended to contact Webflow support for further assistance. They can help you diagnose the problem more specifically and provide guidance on resolving the issue.

Additional Questions:

  1. How do I change the visibility settings of sections in Webflow?
  2. What are interactions in Webflow and how do they work?
  3. How can I contact Webflow support for assistance with website issues?