Jump to content

Creating a "Cover Page" with embeddable code

Recommended Posts

Hey everyone,

So I've been driving myself mad trying to figure this out. What I want to do is very simple but I can't seem to get it working. I just want a page on my site that has no navigation, just an embedded twitch stream that will play when we are live and then a link to the rest of the website, I'll be using this as a home page. The cover page option is the most ideal setting Squarespace offers you but as far as I know they do not allow you to embed any code anywhere. I've searched a hundred times on how to remove the heading / hide the nav bar and no ones code seems to work. I'm using the "Heights" template. Any help would be greatly appreciated!

Link to comment
  • Replies 3
  • Created
  • Last Reply

You can use a regular page and then hide its header and footer using css. 

You need to know the page's collection ID. You can find it by Inspecting the page code and looking at the BODY tag. 



Then insert the collection id after the # in the code below and paste it into your custom css after any other code that may already be there. 

#collection-id-goes-here {
  header.Header, footer.Footer {
      display: none !important;


If you're looking for a Squarespace Developer, drop me a line. 

Link to comment
  • 3 weeks later...


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.