Change colors when cursor is in a menu or submenu and also remove underline

Store Design
,
1

url: testing (makerlab-electronics-ph.myshopify.com)

2

Your store password please

1 Like
3

u can now access the url

4

Hi, you can use this code

.mega-menu__link:hover,
.header__menu-item:hover { color: #feac00 !important; }
.mega-menu__link:hover,
.header__menu-item:hover span { text-decoration: none !important; }
5

its not working sir

6

Did you add code at the bottom of base.css and save file? Because I cannot see that code is added

7

Hi @niceeee

This is Victor from PageFly - Shopify Page Builder App, Iā€™d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.header__menu-item:hover {
    color: red !important;
}
.header__menu-item:hover span {
    text-decoration: none !important;
}
.header__active-menu-item {
    text-decoration: none !important;
}
.header__active-menu-item:hover {
    color: red !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

8

niceeee_0-1680512343750.png
niceeee_0-1680512343750.png1920Ɨ1080 345 KB

still not working

9

niceeee_1-1680512373363.png
niceeee_1-1680512373363.png1920Ɨ1080 345 KB

not working too

10

My code will make the text red on hover and will remove the underline below the text here:

PageFlyVictor_0-1680512966003.png

11

Hello @niceeee

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.header__menu-item span:hover {
    color: #ff0000 !important;
    text-decoration: none !important;
}
12

Hi @niceeee

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.list-menu li .header__menu-item:hover {color: white !important;} .mega-menu__list .mega-menu__link:hover {color: red !important; text-decoration: underline;}

Regards,

San