Chris Schwartz-Edmisten and I nerd out a bit about our favorite attribute selectors, one of the most powerful ways to target things in Squarespace.

By default, your dropdowns in your header navigation aren’t clickable, with just a little bit of code though, we can change that.

Replace your site title on a specific page to highlight a different brand or membership area.

Use a different logo that with specific color themes so that it’s more visible.

Replace your site logo on a specific page to highlight a different brand or membership area.

Prevent your logo from clashing with the background color of your mobile menu. Use this quick CSS snippet to replace your logo when the mobile menu is open.

In this tutorial, I’ll show you how to build anchor links so that your header doesn’t cover the text you’re scrolling to. In this example, I’ll build a table of contents for a blog post. There is a part 2 to this tutorial to make the sidebar sticky.

Add a search icon to your site header that brings your to your native Search Page within Squarespace 7.1. This is an update to my tutorial on adding a search block to your header.

Replace your footer section on any page using the “Hide Globally, show locally” pattern.

Help your users out by adding a breadcrumb on your Blog Category & Tag Pages indicating which filters are being used.

Here is a fairly simple code snippet that will allow you to replace the Search Block Placeholder text on all your Squarespace blocks. The accompanying tutorial is a great beginner javascript lesson, if you’re into that kinda stuff.

Here are two css snippets to help you switch the default alignment of your main nav folder dropdowns items. Switch from left-aligned to right-aligned or vice versa.

Anchors links allow you to jump to a specific section of a page. But they can present a problem if your header is fixed to the top of the screen. When you jump to an anchor, the text can get covered by the header. This trick fixes that.

In this tutorial, I’m going to walk you through how to replace the site title (or Site Logo) on a specific page of your website.

Now with Sticky Sections. Check out the demo.

Add a sidebar page navigation to your Squarespace 7.1 website. This plugin comes with 4 different styles, each with an indicator showing the user where on the page they’re located. Check out this demo to see what it looks like!

Easily add a Mega Menu to your Squarespace 7.1 website. With my simple copy and paste code and clear installation video, you'll be up and running in no time.

✓ Super Easy Installation
✓ Easy to Edit
✓ Add Content Using Squarespace Blocks
✓ Easy to Hand-off
✓ Mobile Friendly

Mega Menu’s are all over the place in website-land these days. Unfortunately, Squarespace doesn’t have a native way to build these out, so in this tutorial I’m going to show you how to build one.

Time to add that secondary navigation to your entire website or maybe just a product page. In this tutorial, I walk you through installing the free version of my secondary navigation plugin.

✓ Super Easy Installation
✓ Fully Customizable
✓ Simple Nav Mode
✓ Easy to Hand-off
✓ Multiple Styles
✓ Mobile Friendly