Menu customization problem
-
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 !
-
Dear @bensalgado
Try this:.third_menu a:hover span { border-bottom-width: 0px !Important; }
Let me know if that works!
Best!
Marius
-
Hi Marius,
It works perfectly, thank you so much !
Cheers
Ben -
Great! You are welcome!
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it