Designing drop down menus with CSS on WordPress

I designed a WordPress site for my friend Andy at No Boundaries.org some months ago, and the final version that we settled on really pushed my personal boundaries of knowledge in terms of PHP and CSS to get some of the things to work that he was wishing for. Never wanting to let a good friend down, I got something to work that came up tonight at WordCamp Fraser Valley.

I’m not sure what the original question was, but my design for No Boundaries had custom drop down menus added to the header so that Andy could easily add and remove pages from where ever he was in the world and have them show up in those menus.

And to be honest, I can’t really tell you how I got it all to work because it was that long ago. However, Stu Nicholls made a great blog post about how to do this with simple CSS. I used this post to hack together my concept for Andy’s site, and the final design turned out to be what he wanted.

Now doing a quick Google search to find this resource again, I came across this WordPress plugin, WordPress CSS Drop-down Menu, that could do this for you without getting into all the code. I have no experience using it, but the author makes reference to the same blog post that I just did, so it might be worth checking out first before you get into the code.