Intermediate

Hide section in Webflow if no CMS items are present

Add this script to hide a section in Webflow when there are no CMS items present.

Summary:

<style>
[data-cms-section]:not(:has(.w-dyn-item)) { display: none;
}
</style>

Tags:

Source:

https://www.linkedin.com/posts/timothy-ricks-413668140_i-always-assumed-this-required-javascript-activity-7180925742392737792-jeqJ

Hide section in Webflow if no CMS items are present

Powered by Atmos

Subscribe for updates

Join thousands of Webflow professionals who get our hand curated newsletter every Tuesday at 12pm EST

You're in!
Keep an eye on your email for weekly updates from the State of Flow community

Oops! Something went wrong while submitting the form.

Related Content

Master Query Parameters in Wized & Webflow

Webflow Announces Strategic Restructuring - Lays off 8% of staff

Webflow hires Craig Mestel as their first CFO

Boost SEO with Structured Schema in Webflow

Source Not Listed

Create a "spotlight effect" on hover in Webflow

Understanding CSS Display Settings in Webflow

Unlocking Accessibility: Understanding ARIA Landmarks in Webflow

Alessia Sannazzaro

Dynamic number animations in Webflow using native interactions

Optimizing your Webflow website page speed performance

Disconnect all reference/and multi-reference fields inside a Webflow collection

Source Not Listed

Mutating Webflow's CodeMirror instances

Alex Iglesias Piñol

Add real time, site-wide search to your Webflow project

Load more

Welcome to the all new State of Flow.

Looks like there are no results yet for this search. Click below to join us as a contributor and help us grow our library.

Claim pro account