Easy Tech Tuts
Webflow

How to Hide Section in Webflow Easily 2026

By Impran M N

Hiding a section in Webflow doesn't have to mean deleting your work or breaking your responsive layout. This guide walks through Webflow's native display controls so you can cleanly remove elements from view, whether permanently or only on certain devices, while keeping your CSS structure intact.

01Open the Navigator panel

Use the left sidebar Navigator to find and select the section or wrapper container you want to hide without accidentally clicking a neighboring element.

02Apply the display none property

With the element selected, open the style panel on the right and set its display property to none to pull it out of the visual document flow without deleting it.

03Adjust visibility per breakpoint

Switch between breakpoints using the top viewport selector and toggle display settings independently so a section can be hidden on mobile while staying visible on desktop.

04Use conditional visibility for dynamic content

For CMS-driven elements, apply conditional visibility rules so empty collection items or blank text fields hide automatically instead of showing gaps.

05Review and publish

Check the Navigator for hidden-element indicators to confirm what's tucked away, then publish your project and verify the live page renders correctly across devices.

FAQ

Frequently asked questions

Does hiding a section in Webflow delete its content?

No. Setting display to none removes the section from view but keeps all its content and styling in the project, so you can bring it back anytime.

Can I hide a section only on mobile?

Yes, Webflow lets you set display properties independently per breakpoint, so you can hide an element on mobile while keeping it visible on desktop.

How do I find a section I hid earlier?

Open the Navigator panel, which lists your layout hierarchy and flags hidden elements so you can locate and restore them.

Can I hide empty CMS elements automatically?

Yes, Webflow's conditional visibility settings let you set rules that hide elements when a collection field is empty or missing.

Watch the full walkthrough

The same steps, demonstrated on screen from start to finish.