How can I add a thin border line under my header?

[willmvalmadre]

I want to add a thin border line for under my header to seperate my white header and white pages. I'm using the pipeline them and don't seem to have the option for one. could someone please help me add one. 

Thank you, 

link:

https://willvalmadre.com 

Password - Indi

[MarinaPetrovic · Accepted solution]

Hi @willmvalmadre , good news is that you already have code for border, but it's white and that's why you can't see it. Go to edit code > assets > theme.css. Find this element:

.theme__header {
    position: absolute;
    z-index: 5000;
    width: 100%;
    background-color: var(--bg);
    color: var(--text);
    border-bottom: 1px solid var(--border);
}

And replace it with:

.theme__header {
    position: absolute;
    z-index: 5000;
    width: 100%;
    background-color: var(--bg);
    color: var(--text);
    border-bottom: 1px solid #000;
}

Border is black now, in order to use different colour just change '#000' with your colour code. 

[willmvalmadre]

thank you, it worked great!

[EmGee]

Hi @MarinaPetrovic,

How do I achieve this in the Turbo theme? I'd like two thin lines: (1) separating the top bar where the cart and login are from the logo and menu below; and (2) separating the aforementioned logo and menu section from any content below it (such as a white page). Your help would be greatly appreciated. Thanks!

My store is: https://movamax-us.myshopify.com/

[lemonpi]

This is not working for the refresh theme. Is there a new place to put the code? Thank you!

[freshhealth]

Hello,

I'm looking to get rid of the border lines for the header for the taste theme. Can you please help?