Menu customization problem

[bensalgado]

Hi everyone,

I have this problem, it's probably easy to fix but I really can't figure it out....
I have three menu, and all of them have a "mouseover effect", which is pretty basic. The text goes black and it gets underlined.
However I would like to remove this effect on my third menu. Right now, I've managed to keep the text white, but I can't get ride of the underline.
This is the code I've added in my custom css :

nav.third_menu a:hover{
color: white;
text-decoration: none;
text-decoration-line: none;
border-bottom-width: 0px;
border-bottom-style: none;
border-bottom: none;

}

The website is : http://danslekosmos.fr, and its for the social media menu on the bottom right.

Thanks a lot !

[mariusjopen]

Dear @bensalgado
Try this:

.third_menu a:hover span {
    border-bottom-width: 0px !Important;
}

Let me know if that works!

Best!

Marius

[bensalgado]

Hi Marius,

It works perfectly, thank you so much !

Cheers
Ben

[mariusjopen]

Great! You are welcome!