How to remove header section from Narrative Theme on Home Page only - but keep on other pages.

[LPH]

Hi Community!

Hoping someone can help me figure out some coding issue.

I want to remove the header from my Home Page (Narrative Theme), but keep it on the other pages I have on the site. What is the easiest and best way to achieve this.

I am also using Buildify to put the site together, but as far as I know, Buidify doesn't work with headers and footers and this can only be done within Shopify code...

If anyone can help explain - I would really appreciate it.

thanks in advance!

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find layout/theme.liquid and paste this at the bottom of the file:

{% if template == 'index' %}
<style>
div#shopify-section-header {
display: none;
}
</style>
{% endif %}

[LPH]

Thanks so much for the quick response. I'll give it a shot and hopefully it works!

Thanks again

[ZestardTech]

Kindly feel free to get back to me if you need any further assistance Thanks!

[BlameDeLag]

What would the solution be to just remove the header image and not the whole header bar? along with the blank space that would come with removing the header image