Website Building » Squarespace » How Do I Hide the Pre Footer on Squarespace?

How Do I Hide the Pre Footer on Squarespace?

Last updated on December 11, 2022 @ 2:08 am

There are a few ways to hide the Pre Footer on Squarespace. One way is to go to Design > Layout > Page Elements and click on the Pre Footer.

Then, click on the gear icon and select “Hide on Mobile.” This will hide the Pre Footer on mobile devices.

Another way to hide the Pre Footer is to add a CSS code snippet. To do this, go to Design > Custom CSS and add the following code:

PRO TIP: Use the following code to hide the pre-footer on your Squarespace site:

#collection-5baf7dcf72a6d60c7f5e3b48 {
display: none;
}

@media only screen and (max-width: 640px) {
#mobile-footer {
display: none;
}

This code will hide the Pre Footer on all screen sizes less than 640px wide.

The best way to hide the Pre Footer on Squarespace is to go to Design > Layout > Page Elements and click on the Pre Footer. Then, click on the gear icon and select “Hide on Mobile.”

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.