How do I remove border from home page only?

[kirstenlc5]

Hello, I have:

 .header-wrapper--border-bottom {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
} 

on Dawn default CSS.

All I want to do is I want to make my home page not have the border on the header. I want the rest of the pages to keep having it.

Here is my store:

https://black-bee-1.myshopify.com/

Password: giaske

Thank you in advance, I'll vote for you!

-<3 Kirsten

[PageFly-Victor]

Hi @kirstenlc5 

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file base.css

.header-wrapper--border-bottom{
border-bottom: unset !important;
}

Hope this answer helps.
Best regards,
Victor | PageFly

[GemPages · Accepted solution]

Hello @kirstenlc5 

I would like to give you a solution to support you.

You can add code to remove Border from home page by following these steps:

1. Go to Online Store -> Theme -> Edit code. https://prnt.sc/elKuwYWlBrEo
2. Open your theme.liquid theme file

3. Paste the below code before </head>  https://prnt.sc/Kcf8CD_6qqjt

{% if template == 'index' %}
  <style>
     .header-wrapper--border-bottom {
      border-bottom: none !important;
     }
  </style>
{% endif %}

Best regards,
GemPages Support Team