sub-menu drop down issue – wordpress

[kurstxmo]

I added a couple pages to a wordpress site and for some reason I can’t figure out why the sub drop down menu won’t fly-out to the right and drop down like I’ve seen on a tutorial. The children of the submenu item seem to be floating left?

The site is http://www.pretendcity.org and you see the issue when you hover your cursor over “Support Us” on the main navigation menu, then hover over “Special Events” at the bottom of the drop down list. I want the 3 sub-items under “Special Events” to fly out to the right and drop down. Please let me know if anyone has any ideas.

Thanks!

[Rolf Carlsen]

Hi,

This should do the trick:

ul#menu-navigation > li > ul > li:hover > ul {display:inline-block; width:auto; margin-left:100%; top:0;}

ul#menu-navigation > li > ul > li:hover > ul li {width:100%; display:inline-block;}

[kurstxmo]

Yup, that did it.

Thanks Rolf!

[Author]

Posts