Remove Header Footer - Debut theme

[kay2000]

Can anyone please help? I'm not a coder... How can I remove the header and footer from one specific collections page? I'm using the Debut Theme.

[MandasaTech]

Hello @kay2000 
Please share collection page link.

[kay2000]

Collections page is named 'valentines-day'

[PageFly-Victor]

Hi @kay2000 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>
.header{
display: none
}
.footer{
display: none
}
</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[kay2000]

Thanks Victor. I did it, but there was no difference. The header and footer still showed up.

I had the following just before the </body> tag from when I was previously trying to get help with the same issue. Could this be causing a problem/conflict?

{% include 'pagefly-header' %}
{% include 'sca.storepickup' %}
{% include 'scapp-customerinfo' %}
{% render 'scm-attribute-head' %}

{% if page.handle == 'welcome-stpatricks' %}
<style>
.site-nav {display: none!important;}

.announcement-bar {display: none!important;}
</style>
{% endif %}

[MandasaTech]

Hello @kay2000 
Please share your website URL.

[PageFly-Victor]

if the code doesn't work please share the store URL so I can check more, your code it is setting the condition to hide the element of page 1 page and not affect other pages.