How to hide a Section on Squarespace

[tuanphan]

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″]

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

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

#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;
}