CSS FOR SQUARESPACE

custom code tutorials

step-by-step tutorials to help you customize your squarespace website design with code

insidethesquare 3/1/25 insidethesquare 3/1/25

How to move your mobile menu links to the top

With a simple code snippet, you can move the links in your mobile menu to the top of the screen instead of the middle.

insidethesquare 12/31/24 insidethesquare 12/31/24

How to create a full screen menu on all devices

In this tutorial, I am going to walk you through the step by step process you can take to create a full-screen menu on the desktop version of your Squarespace website.

insidethesquare 11/12/24 insidethesquare 11/12/24

How to hide one content block on mobile or desktop

Learn how to hide any Squarespace content block on mobile devices (or desktop!) with a simple code snippet.

insidethesquare 10/29/24 insidethesquare 10/29/24

How to customize your website header button

Learn how to customize your Squarespace navigation button with CSS. This step-by-step tutorial shows you how to change button colors, add hover effects, and style both desktop and mobile versions. Perfect for creating stylish CTAs that match your brand – no coding experience required!