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

Technical Q&A
,
1

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.

2

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.

1 Like
3

Hi, this is the URL, thanks:

4

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.

1 Like
5

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

1 Like
6

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;
}
1 Like
7

Wonderful, thank you so much

1 Like