Shopify themes, liquid, logos, and UX
Hi! I want to remove the footer only on my homepage. It should be visible on the rest of the pages.
(Both on mobile and desktop)
My theme is Stiletto and my web is www.winnerofficial.com
I tried many codes but nothing works!
Simple, just check if the page loading is homepage write condition to hide footer.
Hello @martujv
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Store -> Themes -> Edit Code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>
{% if template == 'index' %}
<style>
footer {
display: none !important;
}
</style>
{% endif %}
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
Hello! I added the code but it didn't do anything. My footer is still visible on the homepage.
You can try the code below instead
{% if template == 'index' %}
<style>
shopify-section-sections--21113060196691__scrolling_content_Lq4VHU,
shopify-section-sections--21113060196691__newsletter_compact_kp96tD,
shopify-section-sections--21113060196691__quote_c7G8PQ,
shopify-section-sections--21113060196691__rich_text_HQiMUU,
shopify-section-sections--21113060196691__footer{
display: none !important;
}
</style>
{% endif %}
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
thanks for the reply but it didn't work
The footer is the whole footer section, the one that is visible on all the pages, not only one line. This would include also stuff like the newsletter and the legal stuff, so yeah, the whole footer basically. I am looking for a code to hide the whole footer section on the homepage
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025