How can I remove the navigation sidebar from certain pages?

Can you remove the navigation sidebar from certain pages without premium ability to add CSS to individual pages?

CSS isn't a premium feature. You can use it on all sites.

Whether or not you can remove the sidebar will depend on the site configuration and template. For specific help, please provide a working link to your site.

The "PAGE HEADER CODE INJECTION" where you can add CSS to affect a specific page is a premium feature. Everyone I've seen sharing code to remove the nav bar has been putting it there.

Here's the link!

https://aislinfall.com/

The "PAGE HEADER CODE INJECTION" where you can add CSS to affect a specific page is a premium feature. Everyone I've seen sharing code to remove the nav bar has been putting it there.

Here's the link!

https://aislinfall.com/

@aislinfall Each Page will have different page ID (body#collection....)

To remove the navigation sidebar from certain pages,

First, you need to find page ID. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

Then, use CSS (Home > Design > Custom CSS).

/* Remove Nav Contact Page */
/* Remove Main Nav */
body#collection-5cc397d4c830255be29a27fc nav#mainNavigation {
  display: none !important;
}
/* Remove Secondary Nav */
body#collection-5cc397d4c830255be29a27fc nav#mainNavigation nav#secondaryNavigation {
   display: none !important;
}

Code Injection is indeed a premium feature, but you don't need to use this to add CSS to a specific page. In fact, it is considered poor practice to do this nowadays.

As @tuanphan explains below, Custom CSS can easily target specific pages by using 'Collection IDs' - unique IDs that Squarespace creates for each page on the platform.

Amazing! That worked. Thank you. :)

I don't suppose you know how to remove the logo too?

Amazing! That worked. Thank you. :)

I don't suppose you know how to remove the logo too?

@aislinfall

/* Remove Logo Contact Page */
body#collection-5cc397d4c830255be29a27fc .logo.image {
   display: none !important;
}

and there is "Accept Answer" button. Other members can know CSS worked. And they can use it.