Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
aislinfall

How can I remove the navigation sidebar from certain pages?

Question

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

Edited by Paul2009

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

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.


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Enquiry Form ExtensionDate Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post
  • 1

@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;
}



Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Share this post


Link to post
  • 0

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.


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Enquiry Form ExtensionDate Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post
  • 0

@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.


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...