How Do I Make Separator Line in the header On Dawn Theme slightly Thicker but still grey?

[alex771]

Hello, I would just like to make the separator line very slightly thicker but still grey not black. Just slightly more prominent/visible. Thank you.

[Hardik29418]

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

[alex771]

Hi, this is the URL, thanks: 

[Hardik29418]

Please go to Online store -> themes -> Edit theme -> Assets -> base.css and paste this code at the end of this file

.header-wrapper--border-bottom {
    border-bottom: 4px solid rgba(var(--color-foreground),.08) !important;
}

I hope this solution will work for you.

[alex771]

Thanks but that's a little to thick and wide - I'm more looking for something like this website: https://www.maupets.com/blogs/mau-cat-and-dog-blog?page=2

[Hardik29418 · Accepted solution]

Please remove my previous code and paste this new code at the bottom of base.css file.

.header-wrapper--border-bottom {
    border-bottom: none !important;
    box-shadow: rgb(217, 217, 217) 0px -1px 0px 0px inset !important;
}

[alex771]

Wonderful, thank you so much