How can I hide the header line on my homepage using Dawn?

[Day204]

Hi friends! I would like to hide the separator line on the header for just my homepage on both desktop and mobile, it can remain on all other pages. I am currently using Dawn and my url is www.day204clothing.com. Your help is much appreciated. I have attached images below and let me know if you have any questions!

[PaulNewton]

Hi @Day204 ! , For the header turn off the line separator setting "Show separator line" in the header section.

[Day204]

Hi! Unfortunately, this hides it for all instances. I need it only hidden on my homepage.

[PageFly-Oliver]

Hi @Day204 ,

You can try this code by following these steps: 

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

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

{% if template.name=="index" %}
.header-wrapper--border-bottom{
border:none !important
}
{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Day204]

Thanks for the code Oliver! Unfortunately that removed it on all pages. I just need it gone from the homepage. 

[PageFly-Oliver]

Hi, can you give me screenshots added code?