What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Hide Header Line Homepage Only Dawn

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

Day204
Excursionist
34 0 8

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!

 

Screenshot 2023-10-14 at 6.53.12 PM.pngIMG_7007.jpeg

I make pretty things.
Replies 5 (5)

PaulNewton
Shopify Partner
7450 657 1565

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

 

PaulNewton_1-1697326536492.png

 

PaulNewton_0-1697326460131.png

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Day204
Excursionist
34 0 8

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

I make pretty things.

PageFly-Oliver
Shopify Partner
878 190 184

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Day204
Excursionist
34 0 8

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

I make pretty things.
PageFly-Oliver
Shopify Partner
878 190 184

Hi, can you give me screenshots added code?

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.