Menu not selecting since i added a drop down

Solved
ocnuk
New Member
14 0 0

Hi,

 

thats worked, thanks! However, when i click a page the underline stays on. Is there a way this can go when your on the selected page? I have attached an image for refrence.

Thank you

underline.PNG

0 Likes
Ninthony
Shopify Partner
2247 338 896

Yeah, just delete this part of the code that you pasted:

.site-nav__link--active .site-nav__label::after {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background-color: #111;
    bottom:0;
    left: 50%;
}

 

That was how the other border was working so I figured you wanted the same kind of deal.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
ocnuk
New Member
14 0 0

that just gets rid of the underline completely.

 

Not to worry mate, still happy that the underline is animated. appreciate that

0 Likes
Ninthony
Shopify Partner
2247 338 896

If you just delete what I posted it should work just fine. Only the style referencing:

.site-nav__link--active .site-nav__label::after

 

I just undid all of those styles in the console and the line is gone, and when you hover it still animates. Whatever though, if you're happy I'm happy : )

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
ocnuk
New Member
14 0 0

i cant seem to find that mate, thank you though!

0 Likes