Hide footer on Home screen only Ella theme 6.6.2

[Only1mrsfragili]

Hello,

Can someone please tell me how to hide the footer info on the home screen only and how to decrease the black area of the social media icons area?

Thank you in advance

[Abdosamer · Accepted solution]

@Only1mrsfragili , go to theme.liquid file and add the following code at the end before </body> tag :

{% if template.name == "index" %}
     <style>
        .footer__content-bottom{
           display:none;
      }
 </style>
  {% endif %}

[Abdosamer]

Hi @Only1mrsfragili , can you share your store url?

[Only1mrsfragili]

Sorry, I completely forgot.

https://7gpz74fwodgog2nk-55024255114.shopifypreview.com

[Abdosamer · Accepted solution]

@Only1mrsfragili , go to theme.liquid file and add the following code at the end before </body> tag :

{% if template.name == "index" %}
     <style>
        .footer__content-bottom{
           display:none;
      }
 </style>
  {% endif %}

[Only1mrsfragili]

It fixed part is the issue, but the social media icons are still showing and how to I minimize the black area around them? 

 

[Abdosamer]

@Only1mrsfragili , you want to minimize the height of the black area?

[Only1mrsfragili]

Yes, I would just like a little above and below the icons

[Abdosamer · Accepted solution]

@Only1mrsfragili , go to theme.liquid file and add this code before the </body> tag :

<style>
 @media (max-width:787px){
      .footer-1 .footer__content-top {
    padding-bottom: 0px;
    height: 8rem !important;
}
   .footer-block__item.footer-block__newsletter {
    width: 100%;
    margin-top: 10px !important;
}
   }
</style>

[Abdosamer]

@Only1mrsfragili , go to theme.liquid file and add this code before the </body> tag :

<style>
 @media (max-width:787px){
      .footer-1 .footer__content-top {
    padding-bottom: 0px;
    height: 8rem !important;
}
   .footer-block__item.footer-block__newsletter {
    width: 100%;
    margin-top: 10px !important;
}
   }
</style>

[BSSCommerce-HDL]

Hi@Abdosamer

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </body> tag:

{% if template.name == "index" %}
<style>
       .footer__content-bottom{
           display: none!important;
      }
    .list-unstyled.list-social.clearfix {
        display: none!important;
    }
    @media screen and (max-width: 750px) {
        .footer__content-top {
            display: none!important;
        }
    }
</style>
{% endif %}

 
Here is result:

Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍