Shopify themes, liquid, logos, and UX
I am trying to hide the header and footer on only the home page in my new store Dawn theme. I tried the instructions from here: https://community.shopify.com/c/shopify-design/removing-header-and-footer-from-dawn-template-page/m-... and here: https://community.shopify.com/c/shopify-design/hide-header-and-footer-on-specific-page/m-p/463990 neither solved my issue. Any help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
Hi @sobaker98
1: Online store > themes > Actions > Edit code > Layout > theme.liquid
2: insert code after base.css
{% if template == 'index' %}
{% style %}
#shopify-section-header,#shopify-section-footer {
display:none;
}
{% endstyle %}
{% endif %}
This is an accepted solution.
Hi @sobaker98
1: Online store > themes > Actions > Edit code > Layout > theme.liquid
2: insert code after base.css
{% if template == 'index' %}
{% style %}
#shopify-section-header,#shopify-section-footer {
display:none;
}
{% endstyle %}
{% endif %}
Commented in wrong section
This worked great!!! Thank you so much, I will be dming you.
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
Go to Online Store->Theme->Edit code theme.liquid paste my code before </head> element
{% if template.name == "index" %}
<style>
#shopify-section-announcement-bar,#shopify-section-header,#shopify-section-footer{display:none !important};
</style>
{% endif %}
Best Regards;
PageFly
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024