Shopify themes, liquid, logos, and UX
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.
Hello @kay2000
Please share collection page link.
Collections page is named 'valentines-day'
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
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 %}
Hello @kay2000
Please share your website URL.
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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024