Content Management solutions using Drupal, Wordpress, and Magento
Zack Design Zack Design

CSS Dropdown Menu 3.0 Live

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!

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Twitter
  • Reddit

33 Responses to “CSS Dropdown Menu 3.0 Live”

  1. Rene says:

    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 …

  2. Dan Ash says:

    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.

  3. 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.

  4. herko says:

    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 :-)

    • admin says:

      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.

  5. Webmaster says:

    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?

  6. Billy says:

    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

  7. 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.

  8. Jen says:

    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!

  9. Shae says:

    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!!

    • admin says:

      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.

  10. Hi, Does this drop-down menu work for categories, or only for pages? Thanks! Diane

  11. Tom says:

    Any plans to make this work in ie6 & ie7?

    • admin says:

      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 ;)

  12. SW says:

    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?

  13. shutruk says:

    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

  14. 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.

    • admin says:

      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.

        • admin says:

          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…

  15. 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?

  16. gabs says:

    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