Solved

Add border around header menu buttons.

fnvintage
Visitor
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 ❤️

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12282 2546 3694

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 | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 4 (4)

dmwwebartisan
Shopify Partner
12282 2546 3694

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 | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
fnvintage
Visitor
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?

dmwwebartisan
Shopify Partner
12282 2546 3694

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 | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Hardik29418
Shopify Partner
2859 407 1073

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

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email