PDA

View Full Version : Resolved Hover Stage of main menu



Paramasivan
02-19-2013, 07:46 PM
1) Script Title: jQuery Multi Level CSS Menu #1

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/

3) Describe problem:

The main menu (ul li a) loses its focus (hover stage of background) when scrolling over the sub-menus (ul li ul li a).

Is there any css or js fix for this?

Thank you,

ajfmrf
02-20-2013, 12:15 AM
Please post a link to your page.This will help find a possible answer to your question

Paramasivan
02-20-2013, 08:10 PM
For example

http://bamajammerinc.com/

http://rockettownmedia.com/

http://intmark.com.au/grant/

ajfmrf
02-21-2013, 12:30 AM
Those examples are fine but they are also different.What do you want it to do specificly.

Paramasivan
02-21-2013, 12:58 PM
Please see http://intmark.com.au/grant/

There is hover for "Key Industries" menu. When the cursor is in its sub menu like "Aerospace" then hover on "Key Industries" menu disappears. I want to retain the hover stage of the main menu when the cursor is in its submenus.

Beverleyh
02-21-2013, 02:02 PM
To keep the hover styling on all the parent <li>s, you would need to put the CSS :hover selector on the <li> rather than the <a>, like this;

.jquerycssmenu ul li:hover > a {
color:#fff;
background:#000;
}

Paramasivan
02-21-2013, 04:46 PM
Thank you very much Ms.Beverleyh. It solved my long-lasting problem.

Now it is working at http://www.intmark.com.au/grant/