FROM CACHE - en_header
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Remove Header Footer - Debut theme

kay2000
New Member
10 0 0

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.

Replies 6 (6)
MandasaTech
Shopify Expert
717 142 136

Hello @kay2000 
Please share collection page link.

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page
kay2000
New Member
10 0 0

Collections page is named 'valentines-day'

PageFly-Victor
Shopify Partner
5684 1011 2355

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>

 

PageFlyVictor_0-1674654768407.png

 

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

 

Hope this answer helps.

Best regards,

Victor | PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

kay2000
New Member
10 0 0

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
Shopify Expert
717 142 136

Hello @kay2000 
Please share your website URL.

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page
PageFly-Victor
Shopify Partner
5684 1011 2355

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.

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.