CODEWITHSUNDEEP
wordpressdrop-down-menuwordpress-theming
timatgetdim
timatgetdim

Reputation: 183

Wordpress Menu vanishes when leaving parent item

I am using the default Wordpress Menu system. I am using a custom theme, based on twenty ten.

I have everything styled and layed out the way i want it, but when i move the cursor form the parent item to the 1st drop item, the menu vanishes.

If the cursor is moved quickly enough directly to the 2nd (or lower) item, the menu does not vanish, and you can move the cursor back up to the 1st item without an issue.

The site is americanindustrialinc.com/wp

Upvotes: 0

Views: 92

Answers (1)

algoni
algoni

Reputation: 635

You are showing the submenu on main menu item hover. However, since there is a small gap between the main menu item and the submenu, the user's mouse leaves out of the main menu item :hover and the submenu disappears. This can be fixed by the following:

#access ul ul {
   padding-top: 10px;
   top: 22px;
   // I'm showing only the styles that need to be added/changed
}

This way, there's an invisible padding covering the gap from the main menu item to the submenu, so the user's cursor stays in the :hover state and you get the intended behaviour.

Upvotes: 1

Related Questions