Website Building » Squarespace » How Do I Hide the Footer in Squarespace?

How Do I Hide the Footer in Squarespace?

Last updated on December 25, 2022 @ 1:35 pm

There are a few ways to hide the footer in Squarespace. One way is to use the Page Header Injection Code block.

This code block can be found in the Layout section of the Page Settings. Simply add the following code to the injection field and hit save:

#page .footer-wrapper {
display: none;
}

Another way to hide the footer is to use CSS. You can add CSS to your site through the Design > Custom CSS panel. In the CSS Editor, simply add the following code and hit publish:

PRO TIP: The following article provides instructions on how to hide the footer in Squarespace. While this may be helpful for some users, it is important to note that doing so may result in unexpected behavior on your website. For example, hiding the footer may prevent certain page elements from being displayed properly. Additionally, hiding the footer may make it more difficult for visitors to navigate your website. Therefore, it is important to carefully consider whether or not hiding the footer is right for your website before taking any action.

.footer-wrapper {
display: none;
}

Hiding the footer is a great way to clean up your site’s design. It can also be useful if you want to create a landing page that doesn’t have any distractions.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.