Add border around header menu buttons.

Solved
Highlighted
New Member
2 0 0

Hey Shopify community. I'm looking to add a border around my header menu buttons as the title would suggest. I'm using the debut theme and my web url is fnvintage.com

 

Thanks in advance

0 Likes
Highlighted
Shopify Partner
2232 484 626

This is an accepted solution.

Hey @fnvintage 

Try this CSS class.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

.site-nav--centered .site-nav__link {border: 1px solid #436076;}

Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
304 44 67

Please add this css at the end of your theme.scss

 

.site-nav__link {
border: 1px solid #000000;
}

 

if you liked my solution, please accept it as solution and please like

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
New Member
2 0 0

Really appreciate each of your help and responding so quickly.

Is there a way to make the bar span the entire page?

0 Likes
Highlighted
Shopify Partner
2232 484 626

Is there a way to make the bar span the entire page?

Not clear to me please explain properly.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes