4 Easy Tips to Improve any Squarespace Site + The Designer Retreat
Sometimes, small updates to your Squarespace site can have a great impact. Below are four easy-to-implement edits that I use on nearly all my sites—simple additions that can make a big difference on your next Squarespace build. These codes come from some of my favorite Squarespace designers.
Will Myers: Text Wrapping—
p { text-wrap: balance;}
Becca Harpain: Add Background to Mobile Menu—
.header-menu .header-menu-bg{ background-image: url(https://static1.squarespace.com/static/68b9a422f02d1973b21d7212/t/68b9b10dc34c6300142c800e/1756999950301/colin-lloyd-Mq5jKSSDxLY-unsplash+%281%29.jpg); background-size: cover;}
.header-menu .header-menu-bg:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) !important; pointer-events: none; z-index: 0;}
Chrisy Price: Hide Announcement Bar Close Button—
sqs-announcement-bar-close { display: none;}
Ben Manley: Ultimate Collection of Squarespace—
https://www.benjaminmanley.com/squarespace-section-dividers