[hilltopper06]

On my site, I am having a problem with nested submenus.

Example:

Main Menu Item
-> Sub Menu Item 1
–>Sub Menu Item 1A
—>Sub Menu Item1AA

When I mouse over Sub Menu Item 1, both Sub Menu Item 1A and Sub Menu Item 1AA are fully expanded. I only want sub menu item 1AA to expand when I mouse over 1A. Hopefully this makes sense.

[hilltopper06]

This can be seen on my site here

http://muhlenberg.kyschools.us/

Mouse over “Resources”, then “Documents and Forms”

The “Middle and High School RTI” submenu item under “Documents and Forms” automatically expands. I only want it to expand if someone mouses over “Middle and High School RTI”

[Sakin]

@hilltopper06: Sorry I am not being able to open your site. Can you check in your site.

[hilltopper06]

I just double checked and the site is up both here at work (where it is hosted) and from my home PC (on a different network). Both could pull it up fine.

http://muhlenberg.kyschools.us/

I found some example code and adapted it to show the issue using the CSS from the simplecatch theme.

It is here:
http://jsfiddle.net/BEhvQ/209/

You can see the issue when you mouse over “About”.

“The product nested” and “Meet the team nested” are only supposed to show when you mouse over “The product”, but instead are expanded when you mouse over “About”.

[Sakin]

@hilltopper06: Ok I got that thanks. We will fix that soon and update the theme.

[Author]

Posts