Remove underlines from main menu in debut & Menu issues

Highlighted
New Member
3 0 0

I'm using the debut theme but I'm having a bit of trouble with my main menu as some headers seem to be underlined in my case "Mens" & "Training & Nutrition" on the store, & the underline seems to change whichever page I end up on, I have tried changin themes too but it seems to do it on all of them so I tried to look through the coding but couldn't find anything to do with the main menu. 

Also when my menu drops down, I have 4 headers, e.g  All Mens, New In, Clothing, Accessories, I have a sub menu underneath clothing, however the other 3 are just links to pages, is there a way I can have these headers underneath eachother as opposed to going across individually? It looks like there's loads missing as they are side by side as opposed to All Mens, New In & Accessories all being underneath eachother. 

Any help with the above would be much appreciated 

0 Likes
Highlighted
Shopify Partner
3 0 2

in assets/theme.scss find and remove those lines:

.site-nav__link--active .site-nav__label {
    border-bottom-color: #3d4246;
}

 

0 Likes
Highlighted
New Member
3 0 0

Hi ive managed to find 


.site-nav__label {
  border-bottom: 1px solid transparent;

  .site-nav__link--active & {
    border-bottom-color: $color-text;
  }
}

 on the theme.scss however when i delete any part of this text the sites layout completely disappears, am i removing the wrong part?

0 Likes
Highlighted
Shopify Partner
3 0 2

it is not this

should be something like this: 

 

.site-nav__link--active {
    // Some code here

    .site-nav__label {
        border-bottom-color: #3d4246; // Comment or delete this line
    }
}

 

2 Likes
Highlighted
New Member
3 0 0

That worked thank you! 

0 Likes
Highlighted
New Member
1 0 0

Worked for me too code is on or near line 2635

0 Likes