How to Remove Header and Footer in Squarespace (No Code Needed)
Are you looking to create a clean, distraction-free page on your Squarespace site — maybe for a landing page, portfolio, or special campaign? Good news: Squarespace now lets you remove headers and footers easily, without any custom code.
As a Toronto-based Squarespace designer, I’ll walk you through how to do this step-by-step, plus share a few pro tips to make your site look polished and conversion-ready.
Why Remove Headers and Footers on Squarespace Pages?
Sometimes, less really is more. Removing headers and footers gives your page a focused, minimalist look — perfect when you want visitors to concentrate on your message or call to action.
Here are some popular uses:
Landing Pages: Keep visitors laser-focused on your CTA or signup form.
Portfolios: Showcase your designs or photography without any distractions.
Event or Promo Pages: Highlight important details without menus or links pulling users away.
Sales Funnels: Perfect for limited-time offers or lead capture pages.
If you’re a designer or business owner who wants full creative control — this feature is a game-changer.
Step 1: Open Page Settings
Head over to the page you’d like to edit. Click the gear icon next to the page title to open its settings.
Step 2: Locate Navigation Settings
In the page settings panel, look for the Navigation or Page Layout section (the exact name can vary depending on your Squarespace version).
Step 3: Turn Off Header and Footer
You’ll see options to show or hide the header and footer. Simply toggle both to “Off.”
Pro Tip: Preview the page after saving to ensure it looks exactly how you want — clean, focused, and professional.
Step 4: Save and Preview
Click Save, then open your page in a new tab. You should now see a completely blank canvas, ready for your custom content.
Important Notes
E-commerce pages: Typically, store pages will still require a header and footer to ensure easy navigation for shopping.
Portfolio pages: Depending on how your portfolio is set up, you might still need to use custom code to remove headers and footers.
Enhancing User Experience
By removing unnecessary navigation elements on specific pages, you can create a more immersive and focused user experience. This is great for making sure your visitors are not distracted and can concentrate fully on the message or action you want them to take.
Wrapping Up
Squarespace’s new feature to remove headers and footers easily is a game changer for designers and site owners looking for sleek, distraction-free pages. Whether you're setting up a promotional page or a minimalist portfolio, this feature ensures your content gets the spotlight it deserves.
Need Help Customizing Your Squarespace Website?
Looking to create a clean, high-performing Squarespace website that reflects your brand and delivers results?
I provide expert Squarespace web design, advanced layout customization, and CSS enhancements to ensure your site looks professional, functions seamlessly, and aligns with your goals.
Whether you need precise design refinements or a complete Squarespace build, I deliver modern, responsive, and well-structured websites tailored to your business.
Book a free consultation call to discuss your Squarespace project in detail.
