Easy Tech TutsHow to Fix, Add, Remove or Hide Footer on Squarespace 2026 Easily
By Impran M N
Whether your footer is overlapping other sections, not showing correctly, or you just want it gone, Squarespace's Custom CSS editor gives you full control. This guide shows where to find that editor and how to hide or fix the footer with a short CSS snippet.
01Log in to Squarespace
Sign in at squarespace.com, using Continue with Google if your account is linked, and open your website dashboard.
02Find Custom CSS
Use the search bar at the top left and type "Custom CSS" to reach the section for advanced layout and design fixes.
03Open the CSS Editor
Click Custom CSS to open the CSS Editor, where you can reposition the footer, change its style, or hide it entirely.
04Hide the footer if needed
Paste a snippet like footer { display: none; } into the editor to hide all footer elements across your site.
05Save your changes
Click Save before exiting the CSS editor to make sure your customizations are applied.
Frequently asked questions
How do I completely hide the footer on Squarespace?
Add a CSS snippet like footer { display: none; } in the Custom CSS editor and save your changes.
Why is my footer overlapping other content?
This is usually a layout or CSS conflict, which can be adjusted directly in the Custom CSS editor.
Do I need coding experience to fix the footer?
Basic CSS snippets like hiding the footer don't require deep coding knowledge, just pasting the code into the right place.
Will hiding the footer affect the rest of my site?
No, a targeted CSS rule like footer { display: none; } only affects the footer element, not the rest of your layout.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
