Hide the navigation bar from a single page on squarespace

How to hide the navigation bar froma single page on squarespace-8.png

Helloooo, today I'll show you how to hide the navigation bar from a single page on your squarespace website. Feel free to watch the video or keep scrolling to read the blog post.

Let’s say you want to design a nice sales page and you don’t want people to leave the page, so you are looking for a way to hide the navigation bar and keep all your visitors in the same place.

There is a simple way to do that and I’ll show you how.

First of all, let’s go into your website editor and click on PAGES.

go over pages.png

The first thing you’ll see is your home page. What we need to do now, is going over one of the pages in your main navigation ( I’ll click on Home just because is the first one ). Click on the gear icon that appears when hovering on the home

click the gear icon.png

and go over the advanced section.

advanced section.png


Insert this code inside the page header code injection: 

<style>

[data-nc-element="primary-nav"]{

   display:none;

}

</style>

insert css in inject code section.png

Click on save and TADAAAAA :D the navigation menù is gone.


This code is for the primary navigation BUT if you want to hide the secondary navigation, this is the one: 

<style>

[data-nc-element="secondary-nav"]{

   display:none;

}

</style>


Hope you liked the tutorial if you have any question please feel free to comment below or send me an email.

xoxo Messua

 
sidebar image-8.png

Hey There!

I’m Messua, the squarespace and visual brand expert who is going to help you launch your site in just 2 weeks!

No headaches, I promise!

I help service based female entrepreneurs get their dreamy website up and running, making them feel confident and bold enough to go out in the online space and get the clients they want!