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

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

News

Webflow Announces Updates to their Pricing and Core hosting plans

Easy and Smooth Page Transitions Capture Users

Revamped Webflow Certified Partner Program

Simplify Memberstack Payment Flows With Redirect Script For Unpaid Accounts

How to Effortlessly Add Swiper.js Sliders to Webflow Projects

Make an API call in Webflow and display dynamic data on page

Ultimate Guide to jQuery from Timothy Ricks

How to Use CodeSandbox with Webflow

The No-Code Marketplace Builder's Arsenal

Questions to Ask When Performing Code Reviews

Build a CMS-powered slider in Webflow using Swiper.js.

SchemaFlow - Boost SEO with Structured Schema in Webflow

Source Not Listed

Review

Add review

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