Jump to content

Trying to hide header and navigation on landing page

Recommended Posts

I use chrome extension Find Squarespace Ids to get the page id like so

#collection-5d20d92fc7d3f90001889d37 .Header {
	display: none;
}
/* Do you want to remove footer too? */
#collection-5d20d92fc7d3f90001889d37 footer {
	display: none;
}

image.thumb.png.0dd1af79ba011ebdda7a6078b53dd91f.pngThis case it was

#collection-5d20d92fc7d3f90001889d37

you can try to replace it with your other page

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 3 weeks later...
  • 1 year later...
On 10/14/2022 at 12:23 AM, fc1 said:

hi @bangank36

i tried the code you shared on the advanced section of page settings and i still have a small header on the page. can you help me remove it?

#collection-5b4f6ce603ce64d078195d81 .Header {

    display: none;

}

https://www.forestchaffee.com/connect

 

thank you!

Add to Page Header

<style>
  header#header {
    display: none;
}
  footer#footer {
    display: none;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
4 hours ago, BureauSF said:

Hello @tuanphan + Circle Forum,

I am hoping to hide the navigation menu (navigation style: icon) on the landing page only - example link in Carson (Tremont) 

Above code options do not seem to do the trick ...

Can you share your URL to this page?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 1/6/2023 at 4:27 AM, BureauSF said:

Hello @tuanphan + Circle Forum,

I am hoping to hide the navigation menu (navigation style: icon) on the landing page only - example link in Carson (Tremont) 

Above code options do not seem to do the trick ...

Add to Landing Page Header

<style>
  a#navToggle {
    display: none;
}
</style>

This code for your example link

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.