Jump to content

Want to Hide Navigation Bar, header and footer on only one Page

Recommended Posts

Site URL: https://www.aphotois1000words.com/portfolio

Hi,

I need to hide the navigation bar, the header, and the footer on one page that is just a gallery. i only want to show the images.

Could you provide me with the custom CSS injection needed for only that page?  (I just upgraded to the business subscription to be able to do this)

The page is https://www.aphotois1000words.com/portfolio

I've made it "unlinked".

thank you for your help.

-Stefan

Link to comment
37 minutes ago, Stefan_S said:

Site URL: https://www.aphotois1000words.com/portfolio

Hi,

I need to hide the navigation bar, the header, and the footer on one page that is just a gallery. i only want to show the images.

Could you provide me with the custom CSS injection needed for only that page?  (I just upgraded to the business subscription to be able to do this)

The page is https://www.aphotois1000words.com/portfolio

I've made it "unlinked".

thank you for your help.

-Stefan

Hi, add this code to custom CSS (Design > Custom CSS) and let me know how it goes 🙂 

#collection-624cb26084482f5b50e35f8f {
  header#header {
    display:none;
  }
}

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
18 hours ago, Stefan_S said:

It didn't work. This is what I see.....  (see attached image). Is there any other code you recommend using? thanks. Screen Shot 2022-04-05 at 7.25.32 PM.jpg

Let's try adding it in the page's header code injection instead (Page Settings > Advanced):

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

Let me know how it goes 🙂 

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
On 4/8/2022 at 12:39 AM, dawnallen0322 said:

Jia your solution worked for me too! Thank you. I would love to take the arrow and "back to animal communication book set" off of my page too. Do you know how to do that?

image.thumb.png.7953ccfb1c74f00576fceddd87998a78.png

Can you share link to product in screenshot? We can help easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
10 hours ago, dawnallen0322 said:

https://dawnallen.net/set/special

Thank you for taking a look!

Edit Product > Add a Code Block in Additional Info > Paste this code

<style>
  div#productNav {
    display: none !important;
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.