How to create a Coming Soon landing page in Squarespace?

Maybe you’re renovating or constructing new site and it’s not quite ready yet… but you’re still open to enquiries and bookings.

You need a Coming Soon page, and since you’re here I’m guessing you’ve figured out how to add the Background Image and text blocks already.

But… you can’t quite figure out how to create a landing page without completely removing the Header and Footer - am I right? 

I’ve been there too and it turns out it’s actually quite an easy CSS hack!

 

if you want to generate leads on autopilot, check our masterclass:

Go to your Pages > The Landing Page you want to modify > Click the Settings Button next to it

Screenshot 2020-04-14 at 15.33.57.png

Then navigate to Advanced and pop in this code:

<style>
    header, footer {
        display: none !important; }
</style>
Screenshot 2020-04-14 at 15.34.14.png
 
... and Voilà!
Screenshot 2020-04-14 at 15.33.17.png

Did that work for you? Let me know if you have any questions! Happy custom coding friends!

 
Coming Soon 1.png

pin me .

 

Similar articles you will love:

Emily Peilan

Squarespace Web Designer | Creating stylish, chic and modern websites that convert for the Creative Entrepreneur and Small Businesses. 

https://www.arohavisuals.com
Previous
Previous

How to remove the header and footer only on specific pages in Squarespace?