Squarespace: Remove The Headline and/or Footer Of Any Page

Today We’ll be going over how to create a landing page without any header and/or footer on it. This design is perfect for landing pages, stores, and even home pages with other content below.

This code snippet is one of the most simple in CSS Designs. There are two ways you can do this.

Remove Header & Footer From Single Page

Step 1: Go to the page that you want to take the Header and Footer from.

Step 2: Go to the page settings (the gear icon ⚙️) and then click on the Advanced option to get to the Page Header Code Injection.

Step 3: Insert this code into the Page Header Code Injection:

<style> 
.header, footer {
  display: none !important;
} 
</style>

Step 4: Click save on the window and Enjoy!

Remove Header & Footer From The Entire Website

Step 1: Go to the Design tab and click on the Custom CSS at the very bottom of the settings

Step 2: Copy and Paste this code into the CSS Editor:

.header, footer {
  display: none !important;
}

Step 3: Click save and Enjoy!

An optional fix is if you want only the Header OR the Footer to disappear, you’ll just delete that specific target out of the code snippet. An example of the code snippet to have an entire website without the footer would be:

footer {
  display: none !important;
}

Thanks for checking out my tutorial on How to Remove the Header and/or Footer from a Squarespace Website! If you need any help, please Contact Me and if you’re looking for a Certified Squarespace Designer, please check me out here.

Have a great day, be safe, and stay healthy!

Custom Website

We'll create a unique website design that suits the needs and image of your brand.

Website Redesign

We offer updates and improvements to existing websites to keep them fresh, competitive, and also converting for your target audience.

Ecommerce Websites

We craft user-friendly interfaces with a strong focus on user experience to create online stores with easy-to-use shopping functionalities.

Web Hosting Services

We provide one-year of free hosting solutions and domain name registration for our clients.

Multilingual Websites

We design websites that can be viewed in multiple languages so you can reach any audience you need with your message.

Copywriting Services

We provide professional copywriting for website content so you don't have to hire writers for converting content.

Atmospheric Thinking is a digital marketing company that specializes in and focuses on SEO. We believe that any business or brand should regularly have an SEO Strategy created that aligns with their goals so they have a great understanding of who their target audience is and how to better attract them and turn views into conversions. Set up a free consultation with us today!

Trending post

Solutions

Custom Website

We’ll create a unique website design that suits the needs and image of your brand.

Ecommerce Website

Strategies vary by region and target audiences are approached differently based on culture, language, location, and so much more.

Website Redesign

We craft user-friendly interfaces with a strong focus on user experience to create online stores with easy-to-use shopping functionalities.