How to Edit Navigation Menu in Squarespace?
A bad menu can make a good website feel confusing in seconds. People land on your homepage, look up, and decide right away whether your site feels clear or messy. That is why so many site owners start searching for How to edit navigation menu in Squarespace after launch, not before. They notice the header feels crowded, the footer is thin, the important pages are hard to find, or the menu looks fine on desktop but awkward on mobile. In most cases, the fix is not only about moving a few links. It is about building a cleaner path through the whole site so visitors know where to go next.
Squarespace gives you several ways to control navigation, but the right method depends on your site version, your template structure, and what you are really trying to do. Editing the main menu is simple. Adding dropdowns is also simple. But Squarespace secondary navigation, Squarespace remove navigation from header, change color of one navigation link Squarespace, Squarespace change navigation font size, add footer navigation Squarespace, and add navigation to footer all work a little differently depending on whether your site is on version 7.0 or 7.1. That version split matters more than most people expect.
This guide walks through the full process in plain language. It covers the basic edits, the version differences, the styling controls, the footer options, and the workarounds that people usually need once their site becomes more than a few pages. It also explains when you should stop tweaking and rethink the structure itself. That is where a design and content team like Pocketknife can help, especially when the problem is not one link but the whole user path from header to footer.
Why navigation matters more than most Squarespace users think
Navigation is not decoration. It is the map of your site. Visitors use it to answer basic questions fast: what do you do, where should I click, how do I contact you, how much do you trust your own offer, and how easy is it to take the next step. A menu that looks clean but hides core pages can hurt conversions. A menu that shows everything can hurt clarity. A footer with no useful links can make the site feel unfinished. A header with too many options can slow people down before they even scroll.
Squarespace supports a flexible header editor, page organization through the Pages panel, dropdowns in navigation, site-wide styling for fonts and colors, and footer editing through blocks. It also lets you move pages into a Not linked section so they stay public but disappear from the navigation. On version 7.1, certain pages can even hide the header or footer through page settings. Those tools are enough to solve most menu problems when they are used with a clear structure in mind.
Good menus also support search visibility in indirect ways. They help visitors discover deeper pages, reduce friction, and give structure to the site. That does not mean your menu needs to carry every keyword. It means your navigation should reflect what matters most. Many of the best Squarespace website designs do not succeed because they look fancy. They succeed because the menu is calm, predictable, and easy to scan.
How to edit navigation menu in Squarespace for the basic changes
When people ask How to edit navigation menu in Squarespace, they usually mean one of four things. They want to add a page, remove a page, reorder links, or place pages inside a dropdown. Squarespace handles all of this through the Pages panel and the site header editor. For the main navigation, you can change the link set by adding, editing, or deleting pages in the Pages panel. If you want to rearrange the order, you open the site in edit mode, hover over the header, click Edit site header, click the navigation links, and drag them into the order you want. Squarespace notes that reordering them there also reorders them in the Pages panel.
Adding a new navigation link is also direct. In the Pages panel, you click the plus icon next to the section where you want the new item to appear, then choose the page type you want to add. If the goal is not a page but a link, Squarespace lets you add a Link item and point it to a page, URL, category, tag, email address, phone number, or file. That matters because not every menu item has to be a standard page. Some can point to filtered blog content, downloads, appointment pages, or contact actions.
If your menu starts to feel crowded, the next step is often a dropdown, not a longer header. Squarespace supports dropdowns in navigation, and the header editor also lets you choose how the dropdown icon appears beside those items. That is helpful when your site grows from a simple brochure site into a service site, a content site, or an ecommerce store with more categories. The goal is not to hide important pages. The goal is to group related pages so the header stays readable.
One of the simplest but most useful menu controls is Not linked. If a page should stay live but not appear in the menu, move it to the Not linked section. Squarespace states that pages in Not linked do not appear in navigation, but they remain public by default and can still be accessed directly by URL unless you take extra steps like disabling them or protecting them. That makes Not linked useful for thank-you pages, landing pages, campaigns, temporary pages, and pages you still want to reference from buttons or body copy without placing them in the header.
Squarespace 7.1 and 7.0 are not the same when you edit navigation
This is the part many guides gloss over, and it is the reason so many menu tutorials feel incomplete. Squarespace 7.1 and version 7.0 do not treat extra navigation in the same way. If you skip this version check, you can waste time looking for settings that are not even available on your site.
On Squarespace 7.1, the header editor is strong for main navigation, header layout, spacing, color, and site-wide menu typography. You can edit navigation links, change the look of the header on desktop and mobile, and style the menu through Site Styles. But 7.1 does not support true built-in secondary navigation the way some 7.0 templates do. Squarespace says that secondary navigation is not supported in 7.1, and if a 7.0 site with secondary navigation is moved into 7.1, those pages show at the end of the main navigation unless you restructure them into dropdowns or recreate the extra menu another way.
On version 7.0, certain template families include secondary navigation or footer navigation sections in addition to the main navigation. Squarespace explains that these menus are built in the Pages panel and are typically used for pages you do not want to feature as strongly, such as FAQ, return policies, or terms pages. That means a lot of advice around add secondary navigation Squarespace or add footer navigation Squarespace only works as written for version 7.0 templates that support those menu areas.
This version split changes your strategy. On 7.0, you may be able to place pages into a dedicated secondary or footer navigation area. On 7.1, you usually build extra navigation manually in the footer with text links or use dropdowns in the main header to reduce clutter. Once you understand that, the rest of your menu decisions become easier.
How to build Squarespace secondary navigation without making the header messy
The phrase Squarespace secondary navigation sounds simple, but it can mean two different things. It can mean the official 7.0 feature, or it can mean any extra set of useful links that sits outside the main header. You need to know which one you are trying to create.
Squarespace secondary navigation on version 7.0
If your site is on version 7.0 and your template family supports it, Squarespace lets you create secondary and footer navigation menus from the Pages panel. The pages you place there will appear as navigation links on the live site, though Squarespace notes that the exact display depends on the template and usually appears near the bottom or close to the main navigation. This is the most direct version of add secondary navigation Squarespace, because the platform already has a place for it.
That built-in secondary menu is useful when your primary header should stay focused on revenue or core path pages such as Services, Work, About, Pricing, and Contact, while less central pages sit in a quieter menu area. This approach keeps the header short and the site structure logical. It is often better than throwing every page into the main navigation and hoping the design still feels clean.
Add secondary navigation on Squarespace 7.1 with practical workarounds
If your site is on 7.1, built-in secondary navigation is not available. Squarespace recommends using text links manually for additional navigation menus on 7.1 sites. In practice, that means you create extra menu sets in the footer, in a small section near the bottom of the page, or in a sidebar-like layout using text blocks or content areas. You can also use dropdowns in the main navigation to hold related pages so the top-level menu stays short.
This manual route is often better than people expect. You can create a footer cluster for support links, legal links, account links, location links, or service area pages. You can keep the main header focused on high-value pages and place lower-priority paths below. That gives you the practical effect of secondary navigation even if the setting is not officially called that on 7.1.
When a secondary menu is worth adding
A second menu makes sense when your site serves more than one type of visitor, when you need legal or support links visible but not dominant, or when the site has grown enough that one row of links no longer communicates your business clearly. It does not make sense when you are trying to hide weak structure behind more structure. If the top menu is already confusing, a second menu will not save it. You first need better page grouping.
This is one reason commercial design teams talk about navigation architecture before they talk about styling. At Pocketknife, the right question is usually not “Where should this extra link go?” but “Should this page live in the header at all?” That shift solves more problems than most styling tweaks ever will.
Squarespace remove navigation from header without breaking the site path
The keyword Squarespace remove navigation from header comes up for two main reasons. Some users want to remove a single page from the header menu. Others want to remove the whole header on one page, usually for a landing page, campaign page, or focused conversion step.
If you want to remove a single page from the header while keeping it live, move that page to the Not linked section. Squarespace is clear that pages in Not linked no longer appear in navigation menus, but they are still reachable by direct URL and can still be indexed unless you also hide them from search engines or restrict access. That is the right move for thank-you pages, lead magnet downloads, ad landing pages, hidden service detail pages, or pages that are useful internally but not helpful in the main menu.
If you want to remove the full header from one specific page on a 7.1 site, Squarespace provides a page-level control for certain layout pages. In page settings, under the Navigation tab, you can turn off Show Header or Show Footer. Squarespace notes that this option is available for layout pages on version 7.1 and not for collection pages like blog, store, portfolio, or calendar pages. This is one of the cleanest ways to create a dedicated landing page with no menu distractions.
That distinction matters. Moving a page to Not linked removes the page from menus across the site. Hiding the header on a page removes the menu display only on that page. One changes site structure. The other changes page presentation. People often confuse the two.
There is also a mobile detail worth knowing. Squarespace says that on mobile, the main navigation collapses behind a menu link or hamburger icon, and it is not possible to change the mobile navigation font size. Squarespace also says you cannot force the menu icon to always appear on desktop. These limitations matter when someone expects full control over the mobile menu from the style panel. You can style parts of it, but not everything.
Squarespace change navigation font size, color, spacing, and overall style
Once the link structure is right, styling becomes useful. Before that, styling is just lipstick on a weak menu.
Squarespace change navigation font size
For Squarespace change navigation font size, Squarespace says all sites include options for changing navigation font, color, and size. On version 7.1, you open Site styles, go into Fonts, click Assign styles, choose Site navigation, then set a custom font and size. Squarespace notes that you can choose a preset paragraph size or a custom rem value. That gives you precise control over desktop navigation typography on current 7.1 sites.
On version 7.0, the controls vary by template family, but Squarespace still provides navigation-related style tweaks that can affect font name, style, size, line height, and spacing. The details depend on the template, which is why older guides can feel inconsistent. The important takeaway is that font size is usually a built-in style control on desktop, but not fully on mobile.
Changing menu color in Squarespace
Squarespace also lets you adjust navigation color. In 7.1, when editing a page, you can open the header editor, click Style, and then change Navigation color. In other header styles, the setting can also be tied to the site color theme used for the header area. Squarespace notes that the exact method depends on the site version and header style.
This is where many people get close to, but not fully to, the keyword change color of one navigation link Squarespace. Built-in controls generally style navigation links as a group, not one link at a time. Squarespace also notes that in version 7.1 it is not possible to set different colors for hover and active navigation links, and active links are always underlined. So if your goal is one special menu item with a different color, that usually moves beyond built-in style controls.
Change color of one navigation link Squarespace with caution
For change color of one navigation link Squarespace, the practical answer is usually custom CSS. Squarespace’s own CSS Editor guide says CSS can be used to style fonts, colors, and backgrounds beyond the built-in options, while also warning that CSS should be limited to those style-level changes because deeper edits can harm the site.
That means a single-link color change is possible in many cases, but it is not usually a native header setting. It requires a targeted CSS rule, and the right selector may vary by version or markup. If you are not comfortable testing CSS carefully, this is a good point to bring in a designer or developer. A badly targeted rule can affect more than one link or break after a template update. A well-planned rule can highlight a booking link, shop link, or campaign CTA without changing the rest of the menu. That is the difference between a clean brand choice and a fragile hack.
Layout and spacing matter as much as color
Squarespace also lets you change navigation layout and spacing. In the header editor, you can change desktop layout, set width to full or inset, and use sliders to adjust spacing between links and other header elements. Squarespace’s styling guide also notes that templates may expose navigation position, alignment, padding, spacing, or width tweaks.
This matters because many menu problems are not color problems. They are spacing problems. Links are too tight. The logo crowds the navigation. The header is too tall. The CTA button fights the menu. On a polished site, spacing usually does more work than visual gimmicks.
Add footer navigation Squarespace and add navigation to footer the right way
Footer navigation is where many Squarespace sites lose clarity. The header gets all the attention, while the footer gets a copyright line and little else. That is a missed chance. A footer can support conversions, trust, and cleaner site structure when it is built with purpose.
Add footer navigation Squarespace on version 7.0
In certain version 7.0 templates, Squarespace supports built-in footer navigation. Squarespace explains that footer navigation appears in the site footer, though the exact display varies by template. In some templates, dropdowns shown in the footer do not behave like live dropdown menus and instead display as columns or page links. That means footer navigation exists, but its behavior is template-dependent.
So when someone asks add footer navigation Squarespace, the accurate answer is yes on supporting 7.0 templates, but the display and options depend on the family you are using. It is not a universal setting across all Squarespace sites.
Add navigation to footer on Squarespace 7.1
On 7.1, the usual method is manual. Squarespace’s footer editor lets you edit the footer on any page, add blocks, and create site-wide footer content that appears across the site. Squarespace also supports standard text links through text blocks. Put those together and you can build a manual footer navigation area with columns of links, support links, legal links, or service links.
This is the most practical answer to add navigation to footer on modern Squarespace sites. You are not always adding a formal “footer navigation module.” You are adding linked text, link blocks, or structured footer content that acts like a footer menu. For many businesses, that is enough and often better because you control the wording, grouping, and layout more directly.
A good footer should not repeat the header word for word. It should support the next step. If the header focuses on core conversion pages, the footer can carry support pages like Privacy Policy, Terms, FAQ, Careers, Press, Service Areas, and Contact. It can also carry location details, booking links, and social proof elements. Used well, the footer becomes a second chance for the visitor to move deeper into the site instead of bouncing out.
Common menu problems Squarespace users run into
One common mistake is putting every page in the header because each page feels important internally. Visitors do not care about internal politics. They care about finding the right path quickly. If your header has eight to twelve equal-weight links, you are making the visitor do sorting work that the site should do for them.
Another common issue is treating hidden pages as private pages. Squarespace is clear that Not linked pages are hidden from navigation, not hidden from the public. They can still be accessed by URL and may still be indexed. If a page truly should not be public, you need more than a menu adjustment.
A third issue is over-styling the menu before the structure is fixed. Bigger fonts, smaller fonts, new colors, and custom CSS will not solve a bad page hierarchy. In fact, style changes often make weak structure more obvious.
A fourth issue is trying to create Squarespace secondary navigation on 7.1 by hunting for a built-in option that does not exist. Once you know 7.1 does not support it natively, the smarter move is to use dropdowns, manual footer links, or a utility link row built from text links.
A fifth issue is ignoring mobile behavior. Squarespace collapses navigation behind a menu icon on mobile, and there are limits to mobile typography control. A menu that feels fine on desktop may still be too long, too vague, or too repetitive on smaller screens.
What the best designs usually get right about navigation
The best Squarespace website designs tend to follow a few patterns, even when the visual style is very different. The first is restraint. They do not place every page at the top. They choose a small number of high-value paths and give the rest a quieter home. The second is consistency. Header labels, dropdown groups, CTA text, and footer links all sound like they belong to the same brand. The third is hierarchy. The visitor can tell what matters first, what matters second, and where to go for supporting information.
Those sites also use the header and footer together instead of treating them as separate jobs. The header gets people into the site. The footer catches the questions that appear after scrolling. Legal pages, support pages, location pages, and secondary resources often belong below, not above. That is especially true for service businesses and small ecommerce brands that want a clean first screen.
This is also where the commercial side comes in. A good menu is not only easier to use. It is easier to sell from. When a visitor can find Services, Pricing, Shop, Book, or Contact without friction, revenue pages do more work. When campaign pages are removed from the main menu but still reachable through ads or buttons, the site feels cleaner without losing functionality. When the footer supports trust pages and support links, the whole site feels more complete.
When to handle the menu yourself and when to bring in Pocketknife
You can handle the edits yourself when the problem is operational. You need to reorder links, move a page to Not linked, add a dropdown, create a footer text link section, or adjust the menu font size. Squarespace gives you enough built-in tools for that on most sites.
You probably need outside help when the issue is structural. The menu keeps changing because the site strategy is not settled. The header is full because no one knows which pages should lead. The footer is weak because the site was designed page by page instead of as a whole path. A single link needs custom styling and the brand team wants it done carefully. Your 7.0 site is moving toward 7.1 and you need to plan what happens to your current secondary navigation before the change. Squarespace itself notes that secondary navigation does not carry over as a native feature in 7.1, so migration planning matters.
That is where Pocketknife fits well. A strong Squarespace team does not just drag links around. It decides what belongs in primary navigation, what belongs in a utility or footer area, what should stay Not linked, what should be isolated on focused landing pages, and where styling is enough versus where CSS is worth the risk. That kind of work saves time because it fixes the reason the menu keeps becoming messy.
Final thoughts on how to edit navigation menu in Squarespace
The best answer to How to edit navigation menu in Squarespace is bigger than the click path inside the editor. Yes, the hands-on part is easy. You add, move, and organize pages in the Pages panel. You edit the header through the header editor. You style navigation through Site Styles. You use Not linked to remove pages from menus. You use footer blocks and text links to create extra link areas. You use page settings on certain 7.1 layout pages when you want to hide the header or footer.
But the real win comes from using those tools with purpose. Keep the main navigation short. Use dropdowns when grouping makes the site easier to scan. Use footer navigation for support and trust pages. Do not confuse hidden pages with protected pages. Do not chase built-in Squarespace secondary navigation on 7.1 when manual links or dropdowns are the cleaner answer. Use custom CSS only when you truly need a styling exception, such as change color of one navigation link Squarespace, and test it carefully.
A clean menu makes the whole site feel more confident. It helps people move, trust, and act. That is true whether you are refreshing a simple portfolio, cleaning up a service business site, or studying the best Squarespace website designs for ideas. And when the job becomes less about one menu item and more about the whole customer path, that is the moment a partner like Pocketknife becomes far more useful than another round of trial and error.
