Squarespace Navigation Tips for an Organized Website

Learn to efficiently organize your Squarespace navigation for a user-friendly experience with simple drag-and-drop techniques.

Squarespace Navigation Made Simple

TL;DR:

  • Use drag and drop to reorder pages in your Pages panel
  • Move pages to 'Not linked' to hide them from navigation while keeping them live
  • Create dropdown menus by dragging pages underneath main items
  • Changes work the same on desktop and mobile app
  • Always check how your navigation looks on both desktop and mobile

Squarespace makes it easy to organise your site's navigation. The drag-and-drop system works whether you're on your computer or using the mobile app.

How to Reorder Your Navigation Menu

The Pages panel is where all the magic happens. You can move pages around to create the perfect flow for your visitors.

On Desktop

Open your Pages panel and find the page you want to move. Click and hold it, then drag it to wherever you want it to go. You can drop it in your main navigation, footer, or any other navigation area your template supports.

Using the Squarespace App

Tap 'More' then 'Pages' to get started. On version 7.1, press and hold the page you want to move, then drag it to the new spot. If you're still on version 7.0, tap 'Manage' first, then use the menu icon to rearrange your pages.

Sometimes changes take a moment to show up. Give your browser a refresh if things look the same.

Check how your navigation looks on both desktop and mobile after making changes. What works on one doesn't always work perfectly on the other.

Removing Pages from Navigation

You don't always want every page cluttering up your main menu. Moving pages to 'Not linked' keeps them live and searchable while cleaning up your navigation.

On Desktop

Drag the page straight into the 'Not linked' section in your Pages panel. That's it.

Using the App

Go to 'Pages', tap 'More', then drag the page using the same method as reordering. Just drop it in the 'Not linked' area instead.

Creating Dropdown Menus

Dropdown menus help when you have lots of pages but want to keep your main navigation clean.

On Desktop

Drag a page and position it slightly indented underneath the main menu item. Squarespace will automatically create the dropdown structure.

Using the App

Choose the page you want in the dropdown and drag it below the main menu item. Make sure it sits indented underneath.

Keep dropdowns simple. Too many options overwhelm visitors and make your site harder to use.

FAQs

Can I hide a page from navigation but keep it live on my site?
Yes, drag it to the 'Not linked' section. The page stays online and searchable, but won't appear in your main navigation.

How do I create dropdown menus in Squarespace?
Drag a page underneath another page in your navigation panel. Position it slightly indented and Squarespace creates the dropdown automatically.

Is it easy to change my navigation order?
Very easy. Just drag and drop pages in your Pages panel to rearrange them however you want.

Jargon Buster

Pages Panel – The dashboard area where you manage all your site's pages and navigation structure.

Dropdown Menu – A navigation feature that shows additional pages when you hover over or click a main menu item.

Not Linked Section – Where you store pages that aren't in your main navigation but are still live and can be found through search engines.

Wrap-up

Squarespace's navigation tools are designed to be simple. The drag-and-drop system means you can reorganise your site structure without any technical knowledge. As your site grows, keep tweaking your navigation to make sure visitors can find what they need quickly.

Your navigation is often the first thing people interact with on your site, so it's worth getting right.

Ready to build better Squarespace sites? Join Pixelhaze Academy for in-depth training and support.

Related Posts

Table of Contents