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