How to Remove Header and Footer in Squarespace (No Code)
Want to create a Squarespace landing page without your usual navigation menu and footer? You can hide both using the built-in page settings, without adding CSS or installing a plugin.
To remove the header and footer on a supported Squarespace 7.1 page, open Pages, click the gear icon beside the page, choose Navigation, and switch off Show Header and Show Footer.
This option is available for blank and layout pages, including those in Member Sites. Collection pages such as blogs, stores, portfolios, and events do not have these controls. Squarespace’s landing page guide
Below, I’ll walk you through the process and explain how to keep your page useful after removing its main navigation.
Why Hide the Header and Footer on One Page?
Your header helps people explore your website. Your footer often provides contact details, useful links, and information about your business. On most pages, those elements serve a purpose.
A dedicated campaign page can have a different job. If someone clicks an advertisement for a workshop, for example, you may want the page to help them understand the event and register. A large menu of unrelated services can compete with that next step.
Consider a simpler page layout for:
Lead magnet pages: Introduce a downloadable guide and its signup form.
Campaign landing pages: Keep the content closely connected to the advertisement or email that brought someone there.
Workshop registration pages: Present the event details, answer questions, and provide a clear registration button.
Thank-you pages: Confirm an action and explain what happens next.
Removing navigation is a design choice, not a guaranteed way to increase conversions. Keep the links visitors need to understand your offer and feel comfortable taking action.
Step 1: Open Your Page Settings
Log in to Squarespace and open the Pages panel. Find the page you want to change, then hover over its title and click the gear icon.
For this tutorial, choose a regular layout page, such as a landing page you created from a blank page. You’ll change its individual settings rather than edit your shared site header.
If you’re starting a new campaign, write down the page’s main goal first. “Download the guide” or “Book a consultation” gives you a clearer direction than simply trying to make the page look minimal.
Step 2: Select Navigation
In the page settings panel, click Navigation. This is where you’ll find the controls for showing or hiding the header and footer on that page.
You don’t need to open the Custom CSS panel or find a page ID for this method.
Step 3: Turn Off Show Header and Show Footer
Switch off Show Header to hide the site header on your chosen page. You can repeat this for other supported pages individually. Squarespace’s header guide
Switch off Show Footer if you also want to hide the footer. You can use either control independently: a page can keep its header while hiding its footer, or the other way around. Squarespace’s footer guide
For a focused landing page, you might hide both. For a longer service page, keeping the header could help visitors compare services or return to your main website.
Step 4: Save and Preview the Page
Save your changes, then open the page in a new browser tab to review the visitor experience.
Your existing sections, images, text, and forms remain on the page. Hiding the header and footer doesn’t turn a finished page into an empty canvas.
Check the page on desktop and mobile. Pay particular attention to the first section: without the header, your headline or image may sit closer to the top than you expected. Adjust the section spacing if the content feels cramped.
Finally, click through the main button or complete a test submission so you know the page still leads visitors to the intended next step.
What If the Header and Footer Toggles Are Missing?
First, check your Squarespace version and the type of page you’re editing. This tutorial covers the built-in controls for supported pages in Squarespace 7.1.
A store or portfolio collection page is different from a regular layout page used to introduce your shop or showcase selected work. That distinction matters when looking for these settings. Squarespace excludes collection pages from this no-code method. Squarespace’s landing page guide
For a campaign, consider creating a separate layout page with the relevant images, information, and links to your products or projects. This gives you a focused introduction without changing the collection itself.
If you use Squarespace 7.0, the available options differ. For example, footer visibility depends on the template family; don’t expect the same Navigation controls described here. Squarespace’s footer guide
Make the Page Work Without Its Usual Navigation
Once you remove the header and footer, review what visitors have lost along with them. Your logo, contact link, and business details may have helped establish trust or answer a question.
1. Keep Your Brand Recognizable
Include your business name or logo within the page content if the design needs it. Someone arriving from an advertisement should be able to recognize whose offer they are reading.
Use the same fonts, colors, and tone as the rest of your website. A campaign page can have fewer navigation options and still feel connected to your brand.
2. Make the Next Step Clear
Choose a specific button label that describes the action. “Download the Pricing Guide” gives visitors more information than “Click Here.”
Place enough detail before the button to help someone decide. A short page might need only a headline and a few benefits; a more involved service may need an explanation, examples, and answers to common questions.
3. Keep Helpful Links Within Reach
If visitors need contact information, privacy information, or a route back to your main website, add those links within the page content. A focused layout should still support the questions people may have before submitting a form or making a purchase.
Frequently Asked Questions
-
Yes. On a supported Squarespace 7.1 page, use its individual Navigation settings. You can create a landing page with a simpler layout while keeping the usual navigation elsewhere on your website. Be sure you’re changing page visibility settings rather than deleting content from the shared footer.
-
No extra plugin or CSS is needed for the built-in method described above. The important requirement is a supported page type in Squarespace 7.1. If the controls are missing, check the page type and site version before assuming that an additional tool is necessary.
-
No. Hiding it on an individual page is different from deleting its sections in the footer editor. Use the visibility toggle when you want a page-specific change. Squarespace separately documents deleting footer content as a way to remove it across the site. Squarespace’s footer guide
-
Return to the same page’s settings, select Navigation, and turn Show Header and Show Footer back on. Save the change and preview the page again. If you adjusted the first or last section’s spacing while they were hidden, review those areas after restoring them.
-
Not necessarily. A short campaign page with one clear action may benefit from fewer links. A page introducing an unfamiliar or complex service may need easier access to your work, business information, or contact details. Choose the layout based on what visitors need to make a decision, then compare results where possible.
Final Thoughts
Removing the header and footer in Squarespace is a small change that can help you create a more focused page. The bigger task is making sure the content explains your offer, answers the right questions, and provides an obvious next step.
Start with one page, review it on different screen sizes, and keep the information visitors need to feel confident about your business.
Building or improving a Squarespace website? A polished design is all about getting the details right. Book a free call with me to discuss your website, your goals, and how I can help create a professional Squarespace website designed to turn visitors into enquiries.
