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

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

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

It didn't work. This is what I see.....  (see attached image). Is there any other code you recommend using? thanks. 

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. 

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 🙂 

BINGO!  👍  Thank you so much!

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?

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?

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

https://dawnallen.net/set/special

Thank you for taking a look!

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>

It worked you are amazing thank you!