Get the latest and greatest code from the WordPress.org Extend Plugin Directory!
Demo of the menu is on the Utah Utes Gameday site.
See the Changelog for information about the new code. Also please read the installation guide especially if upgrading.
I would like to thank everyone for their comments and ideas ever since I released the first version of this plugin. Even though I cannot reply to all the posts and emails I get I at least read them and try to remember and keep lists of features people want/like.
IMPORTANT
When upgrading, you will need to modify your <?php wp_css_dropdownmenu(); ?> code. I’m using PHP classes in this version of the plugin, and have outlined all your options in the installation information. If you don’t the theme will issue an error and your menu will disappear.
Other than that, I hope that this release is much easier for the lay person to get working and that it will be relatively simpler to get the menu working in different theme areas. Unfortunately to get the most out of this plugin you still do kind of need to have CSS skills!
And lastly, as usual please remember to donate via the link in the sidebar! I’ve spent most of my Christmas Eve and several extremely late, caffeinated nights to bring you this plugin. None of which I am paid for!
This plugin is brought to you in part by the Victorian public transport system, the Zune, Foobar 2000, an Asus laptop, LOTS of coffee, Count Basie, Dragonforce, Opeth, and countless blues songs including those released by the great Stevie Ray Vaughan.
Have a very merry Christmas from Zack Design, and a happy New Year!


Hi,
where can I find a demo of this plugin ? I noticed your menu’s probably don’t use this plugin (I use Chrome), and also no screenshots …
Look up http://www.utahutesgameday.com/
Upgraded to version 3.0 and after making the specified updates to function.php and header.php, I’m pleased with the improvements wrt some focus issues I was having. Thanks for a great plugin. I’m using WP 2.8.6.
seems the last two times this plugin was updated I’ve had to go back and change coding in my themes. gets to be a little annoying.
I know, I’m sorry! Last time, I promise
Hi,
I use your plugin on a site I built, and the changes made to the 3.0 version really threw me off at first. The site broke, as I did an automagic update of the plugin, but got no warning that the old code didn’t work anymore. When I found these instructions, and they were clear enough, so the site was working again in fairly short order.
But then all my styles for the menu were overridden.
Then I moved the styles from my theme stylesheet to the stylesheet that comes with the module. And then it all worked again.
But now, I upgraded to 3.0.1, automagically (gotta love WP 2.9!). And the stylesheet WITH ALL MY CUSTOM STYLES is overridden by your default one! I lost my menu styles, because of the modularisation!!
So, please please please move the styles to the theme folder, where they belong anyway, and keep away from overwriting any stylesheet declarations.
Now I have to redo my work AGAIN, all because of you making things simpler…
Other that that, love the module
In the Installation information:
“The plugin defines its own menu.css in your theme’s header. If you have your own menu.css file in your theme folder the plugin will check for that and load that for you automatically.”
I’ve made it so that if the plugin finds menu.css in your theme’s folder it’ll use that instead. I did this so that you wouldn’t have to put your CSS in the plugin’s folder and risk it being over-written.
Ah, that explains a lot. I’ll put my styles in a menu.css file in my themes css folder.
Thanks!
FYI when I checked compatibility in multiple browsers, using “Remove All Parent URLs” widget option broke the menu in older versions of IE.
The beauty of Stu’s original CSS is that it worked in all browsers including older IE.
Is there any chance of an update to “Remove All Parent URLs” that works in older IE?
Thanks for the plugin. I finally got it to work in my header after many HOURS (it was actually over several days) of trying to figure out why it wouldn’t show up. I followed your instructions exactly:
I added this code to the header.php:
if ( function_exists ( dynamic_sidebar(‘menu’) ) ) : dynamic_sidebar (‘menu’); endif;
It didn’t work. I tried everything. Searched all over to see why it wasn’t working. It ended up being a simple fix. The problem is I don’t know PHP so it wasn’t obvious to me (or likely many others).
I placed this in the header.php that worked for me:
I found this in a great tutorial:
http://outthinkgroup.com/2009/01/06/wordpress-templates-multiple-widget-locations/
I know it is probably very basic but I wanted to post this here so that others won’t go through what I went through. You should consider posting the FULL CODE in your instructions too.
Thanks again for making this plugin,
Billy
I’ve fixed the README so it shows the PHP tags in case anyone was having trouble with that area.
I upgraded to the latest WP and upgraded to your latest version and now have to start from scratch on reconfiguring, everything stopped working….go figure. For the life of me I can’t get your’s to work after adding the suggested to the header.php and function.php. Can I get any help here? By the way I am not really a coder but I eventually figure things out.
Chris – make sure you’ve enclosed the code you’ve added within php tags.
Great plugin!!! I wanted to let you know that in the CSS provided, you have the class .current_page_item so that the current page is highlighted, but the CSS class used in the plugin is for the class name .current_page. I just changed the name of the CSS class and all is well. Thank you!
I upgraded and added the new code to the header & function files in the php tags, but I am getting the error :Warning: Division by zero in /home/ecosteam/public_html/wp-content/plugins/wordpress-css-drop-down-menu/css_dropdownmenu.php on line 478 and the menu is not working. Any ideas? Getting very stressed out as this is a clients website!!
Shae, just email me with the FTP admin details and your WordPress admin details and I’ll log in and see what’s going on with it. It might very possibly be due to the dynamic menu widths but I’m not sure without seeing your particular configuration.
Hi, Does this drop-down menu work for categories, or only for pages? Thanks! Diane
It does both, and you can choose either one.
Any plans to make this work in ie6 & ie7?
As long as it uses Stu Nicholl’s CSS it will. However, many people seem to think that they can just change his CSS and it will still work in IE6 & IE7 while they make it look good with their theme.
Unfortunately this is not often the case and I’ve often been asked to check over what they’ve done and get the CSS looking good in IE6 and IE7 again. So yes, it works. And when you play around with it, unless you’re careful, maybe not
Could you please please please tell me how I can get the drop down menu back on my site? I’m one of those who have upgraded and lost it all… And I really don’t understand what I can do to restore or fix it. Could anybody write a short manual for dummies? Or else tell me how to get the old plug in back?
This is my installation guide.
This is a link to the other versions. 2.3.7 was the last version before 3.0.
Hy I tried everything, but the drop-down menu doesn’t work. I don’t know, what can i do. Admin, please help me. :S
Please email me rather than posting support request comments. Also try to explain more clearly what isn’t working.
Hello again, need some help with CSS. For some reason I can’t get the 1st menu item’s hover color to change in menu.css. It stays the default light blue. I have been able to change all the other colors and the first one is acutally a button and then changes to a color once you hover over it. Any pointers or tips.
There’s probably a CSS rule you’ve overlooked. Either based on descendants (e.g. li li) or existing (e.g. background-image: none).
I am going back to the old version so I don’t have to mess with fixing this crap! Had it working perfect and then I upgraded and then it was completely broken. Oh well!
What do you know…after giving up kind of, I took one last look at the source code of the page and noticed it was loading the superfish-css. Went to the Manage Plugin page and that had somehow been activated. De-actived it and BOOM now my CSS works like a charm.
Good to hear it’s working now
And yes, the Superfish plugin is a bit too intelligent, but I did that so that when you enabled it it loaded everything…
Menu now works great in Firefox and Chrome but not in IE7 or IE8, I only see the last menu item. When I view the source it shows all the links, so its as if they are stacked or IE doesn’t know how to handle them. Any clues as to how to fix this issue?
I just checked out your example page (http://www.utahutesgameday.com/) in IE8 and your menu doesn’t work either. It appears to stack everything to the left, so it appears to be a problem. Can you fix this issue, probably some required IE hack in the CSS. – Thanks
Hi,
I find a little error in your code and I think that this it which create a problem with IE.
In css_dropdownmenu.php line 179 :
Replace :
$result .= '<!–[if IE 7]><!–></a><!–<![endif]–><!–[if lte IE 6]><table><tr><td><![endif]–>
By:
$result .= '</a><!–[if IE 7]><!–><!–<![endif]–><!–[if lte IE 6]><table><tr><td><![endif]–>
So, the script hasn’t closed correctly the tag in all browser.
Best Regards
Take a look here: http://www.cssplay.co.uk/menus/final_drop.html
You will see that I copied Stu’s code verbatim, even as far as the original. There is NO problem in IE, except when people mess up the CSS.