Buy me a coffee

How to hide a Section on Squarespace

To hide a Section on Squarespace, we can use CSS code.

#1. First, install Squarespace ID Finder to find the ID of the section

In my example, we will have:

  • section[data-section-id=”6673f2e18432c25013aee9a2″]

Hide A Section On Squarespace 01 Min

#2. To hide a Section, use this code to Custom CSS box

section[data-section-id="6673f2e18432c25013aee9a2"] {
  display: none;
}

Hide A Section On Squarespace 02 Min

#3. To hide a Section, but still make it appear in Edit Mode, use this code to Custom CSS

body:not(.sqs-edit-mode) section[data-section-id="6673f2e18432c25013aee9a2"] {
  display: none;
}

Hide A Section On Squarespace 03 Min