The WordPress CSS Dropdown Menu is now almost fully-featured. It started life as a simple page layout script which addressed some features lacking in the WordPress implementation, but these days is now able to recursively create unordered lists of pretty much all the hierarchical content WordPress offers.
You can see it in action with the External Links or Post Categories as widgets to the left, or the menu in the top left hand corner with the pages.
I’ve also added Superfish as an optional plugin packaged in with my menu if you want to use Javascript instead of pure CSS.
Be sure to check out PageMash in External Links which makes ordering your pages extremely easy!
Important: Please note that if you notice the dropdown menu does not appear to be working properly, in 99.9% of cases it’s due to poorly formed CSS. Stu Nicholl’s original CSS (please donate to Stu if you use his code!) as given on his site should work in practically any browser you throw at it (try now!). If you take that CSS and start modifying it there is no guarantee that it will continue to work. If you do mess it up that’s what I’m here for – I can theme it to your specifications while ensuring that it looks good in all browsers. Just ask me!
Dynamic Menu Width
Some people seem to wonder what the Dynamic CSS for the dropdown menu does. This option is simply so that you can set the menu to one width and have the menu item widths automatically calculated to fit perfectly inside. No matter how many or few menu items you have they’ll grow or shrink to completely fill the menu width as you add or remove pages or categories or links. This dynamic menu is quite useful, though as you’ve no doubt noticed I’m not using it on this site.