How to remove footer from a speicifc page?

[YoavC]

Hello Shopify Community,

I am trying to hide the footer from a specific page on my website. https://yocadesign.co.uk/pages/hello. I followed this thread https://community.shopify.com/c/shopify-design/how-can-i-eliminate-the-footer-on-a-single-page/m-p/2... but it did not work for me. Can anyone advise how to remove a footer from a specific page? Thank you in advance.

[Moeed · Accepted solution]

Hey @YoavC 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if page.handle == "hello" %}
<style>
.footer {
    display: none !important;
}
</style>
{% endif %}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[YoavC]

Thank you Moeed, it worked.

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[niraj_patel]

Hello @YoavC 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
{% if template == 'page.hello' %}
<style>
footer.footer.color-scheme-2.gradient.section-sections--21762209349959__footer-padding {
display: none !important;
}
</style>
{% endif %}

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[YoavC]

Thank you for your quick response Techlyser_web, I used Moeed solution as they replied beforehand. Thanks again.