Add a horizontal line at the top of my website

Store Design
1

I want to add a horizontal line at the top of my website with a color and just have it always be there, and if and when there is an annoucement, then this line would separate the announcement and the menu on all pages aswell.

https://maisonloushi.myshopify.com/?key=21f2463463d6404fb1311f1d763149e2fd8a08df3c94e34f5831f4d4c3185652

password: 1234

here is an example of what I want to do:

Screen Shot 2021-07-30 at 12.05.10 PM.png
Screen Shot 2021-07-30 at 12.05.10 PM.png3356×764 145 KB

2

Try adding this snippet at the bottom of theme.css file.

.site-header{
border-top: 8px solid #080808 !important;
}

The line will be right above the header and below the message. Change color (# hex value) to your preference.

3

@Nick_Marketing Thank you very much, works perfectly

1 Like