Horizontal lines

Solved
Lescalla
Tourist
6 0 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

0 Likes
Propero
Shopify Partner
865 101 151

@Lescalla ,

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

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes
Propero
Shopify Partner
865 101 151

This is an accepted solution.

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

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
Lescalla
Tourist
6 0 1

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?

0 Likes
Lescalla
Tourist
6 0 1

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

 

Propero
Shopify Partner
865 101 151

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

 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes