In this tutorial, you'll learn how to add a symbol or character between the text links in your main navigation.

In this tutorial, you'll learn how to customize the navigation link colors on your Squarespace website using simple code. We'll update all the links, the dropdown links, the account login link, and the mobile links separately. I'll also show you how to add this code to a single page.

In this tutorial, you’ll learn how to create a dropdown menu in Squarespace 7.1 I'll walk you through the step-by-step process of creating a dropdown menu, in your navigation & adding pages to that. menu. Then – the fun part – customizing it with a touch of code magic!

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 browsxing experience for your visitors. Boost usability and make your Squarespace website shine!

In this tutorial you’ll learn how to customize the look of a light box contact form on your Squarespace website. We’ll be using custom CSS to change the overlay color, add a border, and update the style of the form title.

In this tutorial, you’ll learn how to use custom code to add a background image to contact forms on your Squarespace website.

In this tutorial, you’ll learn how to use custom code to remove the automatic outline for active form fields and customize it to match your own unique style.

In this tutorial, you’ll learn how to use custom code to create a sliding page animation for your Squarespace website.

In this tutorial, you’ll learn how to use custom code to show an alternative version of your logo when your mobile menu is open.

In this tutorial, you’ll learn how to use custom code to replace the logo on specific pages of your Squarespace website.

In this tutorial, you’ll learn how to use CSS to change the colors of the social media icons in your Squarespace menu, including cool hover effects!

In this tutorial, you’ll learn how to use CSS to split your main menu links, showing half to the left of the logo and half to the right.

The CTA button in your Squarespace website can be a link to a phone number, but no one needs that on desktop! This tutorial will teach you how to create that link for mobile only.

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!

You might have noticed that on your Squarespace site, there is always a line under the page you are currently looking at. This is the default style for an active link, but thanks to CSS, we can remove that underline and change that text to look even more unique!

A premium feature for business and commerce plans, the menu block is a content block type that can display text in unique layouts featuring different sections with titles, items, descriptions and prices. This tutorial will teach you how to customize the background of that menu block, adding a solid color, gradient, and your own image.

In this Squarespace tutorial, you’ll learn how to create unique hover effects for the links in main menu of your website. There are four types of links you can have in your main navigation, and the codes for each one of them are listed below.

This tutorial will teach you how to create a full width drop down menu in Squarespace 7.1

In this tutorial we’ll make the mobile menu of your Squarespace site visible on desktop, and use a little code to customize it even further.

In this tutorial I am going to show you how to use some custom CSS to center all the text in your Squarespace footer specifically on mobile devices. This tutorial covers both version 7.1 an older sites built with the Brine theme in version 7.