Menu Hover Link Text Disapears

azersolutions · October 2016

Hello Muffingroup, I have used the following css codes that i found on this forum:

#Top_bar .menu > li > a span:not(.description):hover { background: #ffffff !important; }

#Top_bar .menu > li:hover a { color: #000000 !important; }

#Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { background: #ffffff !important; color: #000000 !important; }

I did this because when i want that when you hover over the button it turns white and the text inside the button turns black. This is successfull until you go to a button with a submenu and i see the following error: The text on the button disapears and the submenu text is not visible untill you go over it. It should function the same as the main menu. Could you please see what i mean on http://coachpnlbarcelona.com/ What can i do ?

Yours Sincerely,

Azer

Albert · October 2016

Hi,

to make sub-menu the same on hover as main menu, you need to use the following css:

#Top_bar .menu li ul li a span { color: #FFF; }
#Top_bar .menu li ul li:hover a span { color: #000; }

azersolutions · October 2016

HI, Thank you for your quick reply ! It works perfectly, the text on the button that has a drop down menu however still disapears. When i go to Coaching Services the submenu is opened and as soon as i move my mouse to any of those buttons the text Coaching Services disapears. You can see it on http://coachpnlbarcelona.com/ How can i fix this ?

Yours Sincerely,

Albert · October 2016

Ok. So to keep this hover as well when you are under sub-menu, please use the following css as well:

#Top_bar .menu > li.submenu.hover { background: #FFF !important; }

azersolutions · October 2016

You are the best !

Albert · October 2016

Thanks

We are pleased to hear that.

Menu Hover Link Text Disapears

Comments