How can I hide the header on a specific page in Refresh theme version 9.0?

Store Design
, , ,
1

Hello,

I am currently using Refresh them version 9.0; I have a page where I want to hide the header, Search bar, Footer and Announcement bar.

I only want to hide it from this specific page and keep it visible on all my other pages. Is this possible to do?

Thank you

2

Hi

yes its possible by applying if tag in code on that specific page so that it will be removed only for that page

3

Hi @dmccall10 ,

Yes, Its possible. Would you mind to share your URL webstie with password? So we can provide you the specific code. Thanks!

4

https://snackbox.canteen.com/collections/fgcu

It is actually a collection But I want to hide the header and footer from the collection and the products pages

5

Hello @dmccall10

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

footer.footer.color-inverse.gradient.section-sections--15520727269508__footer-padding {
    display: none !important;
}
header.header.header--middle-left.header--mobile-left.page-width.header--has-menu {
    display: none !important;
}
6

Hello Thank you for the response, this worked but it took the header off of every page. I only want it off for one collection page and all the products in that collection.

https://snackbox.canteen.com/collections/fgcu

I attached the collection page I wanted the header removed from this collection page, I also wanted it removed when customers click on the product also.

Is that possible to do?

7

Hi [email removed]Dmccall10,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the ⇒ save

{% if collection.url == 'collections/fgcu' %}

{% endif %}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly