How do I remove border from home page only?

Store Design
,
1

hideboder.PNG
hideboder.PNG1900×582 92.7 KB

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

2

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

3

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 https://prnt.sc/Kcf8CD_6qqjt

{% if template == 'index' %}
  
{% endif %}

Best regards,
GemPages Support Team