Solved

How can I remove the underline on hover on the debut theme?

jfranklyn
Excursionist
48 0 13

I am having some trouble removing the underline from the navigation bar. I don't want the underlines on hover or not on hover. I tried using this code 

.site-nav__link--active .site-nav__label {
border-bottom: none;
Accepted Solution (1)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@jfranklyn 

Please add the following code at the bottom of your assets/theme.css file.

.site-nav__label{
border-bottom: 0px !important;
}

 

Hope this works.

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 5 (5)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@jfranklyn 

Please add the following code at the bottom of your assets/theme.css file.

.site-nav__label{
border-bottom: 0px !important;
}

 

Hope this works.

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
jfranklyn
Excursionist
48 0 13

that worked! thanks a lot.

jpack84
Explorer
66 2 23

That worked great. Thanks!!

 

jordan001
Visitor
1 0 0

this issue with my theme I have no asset file with this name for theme. Im using default version

pazben98
Visitor
1 0 0

hey, 

this code works great in the desktop
while i move to mobile view the underline still appears