Hide footer on homepage only

Solved

Hide footer on homepage only

technase
Shopify Partner
226 2 55

Hi, 

How do I hide footer on homepage only.. I want the footer displayed on product and other pages just not on the homepage.. 
store link: https://www.nutravalid.com/

Any help is greatly appreciated. 

technase
Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10211 2427 3081

This is an accepted solution.

Hi @technase 

check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

{% if template.name == 'index' %}
<style>
m-footer.m-footer.m\:block {
    display: none;
}
</style>
{% endif %}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 3 (3)

Acme
Shopify Partner
69 8 13

Hi, @technase 
Please open online store -> theme -> customize -> edit code -> footer.liquid.

{% style %}
   .footer {
        .....
        {% if template.name == 'index' %}
            display: none;
        {% endif %}
   }
.....

{%- endstyle -%}

Made4uo-Ribe
Shopify Partner
10211 2427 3081

This is an accepted solution.

Hi @technase 

check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

{% if template.name == 'index' %}
<style>
m-footer.m-footer.m\:block {
    display: none;
}
</style>
{% endif %}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
technase
Shopify Partner
226 2 55

Thank you it worked 

technase