How To Hide A Section In Webflow: 1-Min Guide

How To Hide A Section In Webflow

Updated on:

May 8, 2026

By:

Use this interactive demo to learn how to make any section invisible in your Webflow project.

Quick summary

To hide a section in Webflow, select the section in the editor or Navigator, open the Settings tab, and toggle Hidden under Visibility and user access. This method lets Webflow designers control section visibility without deleting any content.

Steps

Select your section from the editor by clicking directly on it.
Or, open the Navigator menu from the left sidebar to locate your section.
In the Navigator, select the section you wish to hide.
Open the Settings tab in the right sidebar menu.
Locate the Visibility and user access section and click to expand it.
Click on Hidden to hide your selected section.
Your section is now successfully hidden.

📌 Why this matters

Hiding a section in Webflow is a core layout control skill that lets designers toggle content visibility without permanently deleting elements. This is especially useful for managing seasonal content, A/B test variants, or draft sections that are not yet ready to publish. Using the built-in Visibility and user access setting in the Settings tab keeps your Webflow project clean and fully reversible. Mastering this feature gives teams greater flexibility and control over what site visitors see at any given time.

Your product deserves an interactive demo

Start free

How To Add Slider In Webflow

How To Animate In Webflow

How To Create A Blog In Webflow