insidethesquare 1/21/25 insidethesquare 1/21/25

Two creative ways to animate a Squarespace announcement bar

Transform your static Squarespace announcement bar into an attention-grabbing animated element with two simple CSS code snippets. Perfect for highlighting sales, events, or important updates!

insidethesquare 1/14/25 insidethesquare 1/14/25

How to add images to your Squarespace dropdown

Transform your Squarespace navigation with custom dropdown menus featuring multiple columns, section headers, and branded icons. Learn how to create an organized, visually appealing navigation system.

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 12/24/24 insidethesquare 12/24/24

Creative customizations for your mobile menu icon

From adding a circular background and changing line colors to rounding corners and replacing the icon with your own image, this tutorial will show you creative ways to customize the mobile menu icon for your Squarespace site.

insidethesquare 11/26/24 insidethesquare 11/26/24

How to add a tagline to Squarespace 7.1

Add a tagline to your Squarespace site with this simple custom code!

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!

insidethesquare 10/26/24 insidethesquare 10/26/24

How to make a dropdown title clickable in Squarespace

A folder of content in your Squarespace menu creates a drop-down, but that folder doesn't have a URL so it can't be a clickable link. But with a little bit of creative CSS, we can make it clickable anyway!

insidethesquare 10/26/24 insidethesquare 10/26/24

How to create a multiple-column dropdown in Squarespace

This Squarespace tutorial guides you step-by-step through creating a user-friendly, two-column dropdown menu. Learn how to organize your website content logically, improve navigation, and provide a smoother browsing experience for your visitors. Boost usability and make your Squarespace website shine!

insidethesquare 10/25/24 insidethesquare 10/25/24

How to create split navigation in Squarespace 7.1

In this tutorial, you’ll learn how to use CSS to create the illusion of two navigation menus, showing half to the left of the logo and half to the right.

insidethesquare 9/29/24 insidethesquare 9/29/24

How to use an image for your Squarespace mobile menu icon

Learn how to replace the mobile menu icon with your own image in this tutorial.

insidethesquare 9/24/24 insidethesquare 9/24/24

How to add a second button to your Squarespace menu

Learn how to combine multiple font styles within one line of text on Squarespace.

insidethesquare 9/10/24 insidethesquare 9/10/24

How To Use A Google Font on Squarespace

This Squarespace tutorial will show you how to install a Google font on your Squarespace site and how to use it in your custom code.

insidethesquare 9/10/24 insidethesquare 9/10/24

How to remove the header and footer from a single page in Squarespace 7.1

Squarespace has recently given us the option to remove the header and footer from a single page using the page settings menu. But what if you want to remove it from a blog post? or a product? or create an advanced landing page with it’s own menu? For all that, you’ll need custom code, and that’s exactly what you’ll learn about in this tutorial!