Is there a simple way to hide a section that is currently under construction in Webflow?

Published on
September 22, 2023

Yes, there is a simple way to hide a section that is currently under construction in Webflow. Here's how you can do it:

  1. Select the section you want to hide in the designer view. This can be done by clicking on the element or using the elements panel on the left side of the screen.

  2. In the Styles panel on the right side of the screen, locate the "Display" property. By default, it is set to "Block" which means the section is displayed normally.

  3. Change the "Display" property to "None". This will hide the section from view on the published site.

  4. You can also add a custom class to the section for more control. To do this, click on the "Add Class" button in the Styles panel and enter a name for the class. With the class selected, you can then go to the "Display" property and set it to "None".

  5. To ensure that the section is only hidden on the published site and still visible in the designer view, go to the settings panel on the right side of the screen and click on the eye icon next to "Publish". This will toggle between hiding and showing the section on the published site.

By following these steps, you can easily hide a section that is still under construction in Webflow without affecting the design or layout of the rest of the site. This allows you to work on the section privately until it is ready to be published.

Additional Questions:

  1. How do I hide a section in Webflow?
  2. Can I hide a section on the published site in Webflow?
  3. What is the best way to hide a section that is under construction in Webflow?