How can I add a border to header menu buttons?

Store Design
1

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 :heart:

2

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!

3

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

4

Really appreciate each of your help and responding so quickly.

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

5

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

Not clear to me please explain properly.

Thanks!