Change Color Of Nav Bar Underline Hover Effect

Shopify Discussion
1

Hi there,

My site’s nav bar has items in white text color, but when i hover over each item, the underline effect is black and hard to see due to the background for the homepage. How do I change the color of the underline effect to white (without changing anything else) so that it’s visible again?

Here’s the link to my site: https://80x0jy2lnfsq5x6x-56759025742.shopifypreview.com. Thanks in advance!

2

Hello @atticuseby ,

Try this code

Navigate to Online Store → Themes → Edit code. Search for the file “theme.css” and scroll to the bottom of the file to paste the code.

.navlink--toplevel>.navtext:before, .navlink--toplevel>.navtext:after {
    background: #fff;
}
1 Like