How to get rid of the hover underline in menu

[chocolatte1234]

Hi I have these hover underline when hovering over anything in my menu. But I don’t want the underline. Any help getting rid of that?

thanks! my link: https://6fa09b.myshopify.com/ theme; Dawn

[Jason]

If you really want to remove the underline (it can be helpful) then look to add some css to the bottom of your stylesheet:

/* remove the hover underline from the menu */
.header__menu-item:hover span {
    text-decoration: none;
}

[dmwwebartisan]

@chocolatte1234

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

.header__menu-item:hover span{
text-decoration: none !important;
}

[PageFly-Victor]

Hi [email removed]Chocolatte1234,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.header__menu-item:hover span,details[open]>.header__menu-item{
text-decoration:none !important
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[GemPages]

Hello @chocolatte1234 ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team