How can i remove the footer on specific pages for my website (symmetry theme)

Solved

How can i remove the footer on specific pages for my website (symmetry theme)

SportsPlus
Visitor
2 0 0

Hello, I am working with the Symmetry theme, and am having trouble removing the footer on two pages (I'd like to keep the footer on all other pages). I've tried the help bot, etc to no avail. 

Accepted Solution (1)

theycallmemakka
Shopify Partner
1813 439 473

This is an accepted solution.

Hi @SportsPlus ,

 

I have written custom code to get this done. To do this you will have to edit theme.liquid.

 

Follow these Steps:

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

4) Add the below code just above </head>

{% if  page.handle == "PAGE HANDLE HERE" or page.handle == "PAGE HANDLE HERE" %}
<style>
div#pagefooter {
    display: none;
}
</style>
{% endif %}

 

Note:

1. Please take backup of the original file so that you can revert the changes.

2. Please replace "PAGE HANDLE HERE" with the handle of the page where you want to remove the footer.

 

If you are not comfortable editing the handle, you can provide me a list of pages where you want to remove the footer and i can write a working code for you.

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Reply 1 (1)

theycallmemakka
Shopify Partner
1813 439 473

This is an accepted solution.

Hi @SportsPlus ,

 

I have written custom code to get this done. To do this you will have to edit theme.liquid.

 

Follow these Steps:

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

4) Add the below code just above </head>

{% if  page.handle == "PAGE HANDLE HERE" or page.handle == "PAGE HANDLE HERE" %}
<style>
div#pagefooter {
    display: none;
}
</style>
{% endif %}

 

Note:

1. Please take backup of the original file so that you can revert the changes.

2. Please replace "PAGE HANDLE HERE" with the handle of the page where you want to remove the footer.

 

If you are not comfortable editing the handle, you can provide me a list of pages where you want to remove the footer and i can write a working code for you.

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com