How can I add horizontal lines to a navigation menu?

Store Design
1

Hello all, I’m trying to add horizontal lines above and below the navigation menu. Tried several codes from help pages but nothing working. This is an example of the lines I’m trying to add on a header:https://www.silkandwillow.com/collections/all Many thanks in advance

2

@Lescalla ,

Kindly share your store URL where you wants to get this done

3

https://velvetpearvintage.com/

4

Please add following code at the bottom of your theme.scss.liquid or theme.css.liquid file

#navBar {
border: solid 1px;
}

This is a workaround which should solve this

5

Thank you Propero. That has definitely worked! To make it the same strength as the other lines on the page, do I reduce the the px? Or write something other than solid?

6

I managed it myself from looking through the other code. I added $colorBorder after the word solid! It’s the small things but knowing nothing about coding, I’m delighted. Thank you

7

Great, you an check some basic css syntax at https://www.w3schools.com/css/default.asp