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

WordPress CSS Dropdown Menu Redux

A quick update to let everyone know to upgrade their CSS dropdown menu!

After a LONG period of waiting, it now comes with IE8 support, a completely extensible multi-level drop-down system courtesy of a recursive menu generating function, bugfixes, and more!

Get it while it’s hot!

This is merely the first major update in my line of WordPress plugins. QuickShop 2.0 is well on its way with a revamped system and an inventory (among other things). And the multiple category selection widget is about to receive some love too.

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

34 Responses to “WordPress CSS Dropdown Menu Redux”

  1. jayz says:

    nice plugin, thanks for the update!
    One question: how do I add a menuitem that links to a external URL? Can this be done by manual wrapping?

    Jay

  2. Thank you thank you thank you thank you!!!! I’ve been working for two days trying to figure out what on earth was wrong with this menu system since it didn’t work in IE. Good timing! Thanks again for the bug fixes! :)

  3. Excellent plug-in. Very flexible and extremely useful in many ways. Extensible AND straightforward…now that is refreshing. Nice admin panel that is easy to understand. It works great with all my other plug-ins, and I have a LOT of them. Cheers!

  4. Ollie says:

    Hi

    I really need to exclude a page on my site from being listed in the menu, but the “Exclude pages by ID” admin option doesn’t work in the plugin.

    Has this been fixed?

    Appreciate your help.
    Regards
    Ollie.

  5. Kenneth says:

    For some reason, this plug in does not generate the usual LI Classes; of which .current_page_item is needed to create the on-page states.

    Please advise.

  6. Will Lanni says:

    Awesome. I’ve been fluctuating between dTabs and this, and thanks to the new functionality to set a menu item to not be clickable, I’m sold.

    I’ll jump into the forum to post a feature request, but real quick here as well: Please add id (or class) tags to the anchors as well so we can target them specifically, and please add a ‘current_parent’ type of class or id to the parent page(s) so that we can style the parent menu item to show ‘active’ if a child page is currently selected.

    Otherwise, awesome!

  7. CM says:

    menu is not rendering correctly for firefox user on mac. shows vertical. not reading css.

    site is here: http://greensborohousingcoalition.com

    help, please? thanks.

  8. Lan Lan says:

    Thank you so much for your plugin. I have a question. I was wondering if there’s a easy way to make your dropdown menu collapsible instead of rollover? Ie, the sub-items appear when visitor clicks on the menu title and closes on reclicking? I wonder if there’s a simple way like changing the nature of a functionality in the script?

  9. Arukiyomi says:

    I’m having trouble getting menu items to display alphabetically.

    Wordpress defaults to ascending alphabetical order for child pages. But your menu seems to ignore this and instead go for creation date (or possibly URL).

    This is frustrating. I’ve got the order I want if I display pages and their children in my sidebar but the order I don’t want if I use your CSS menu with its dropdowns.

    Any ideas apart from manually changing the order of all children every time I add in a new page?

  10. juan says:

    does it work in ie6? mine doesn’t…

  11. Cherie says:

    I have categories I would like to include in this drop down menu as well as pages. I want this all in the top menu horizontally. Can this happen? It looks like this supports only pages.

    If that is the case, what would be your best practices for including category posts on a Page?

    thank you,

    C

  12. Paul says:

    I have no clue how to add an additional page to the css dropdown menu outside of wordpress. I have a e-junkie “view cart” button code that I want to include in my header.php file and I don’t know how to add this to the drop menu.

    Help!

  13. m.e says:

    sorry to ask, but please add some more info to the description, e.g.:
    - does it work with pages only or can i use categories, too?
    - if so, can i define the position of top-level menu-items, e.g. page1 – category2 – page8 – category1
    - if categories are supported, will i be able to highlight the parent and child category on single posts?

    maybe some screenshots would be nice, too

    anyway, thanks

  14. rami says:

    does it work with RTL languages?

  15. Jorge says:

    Hello and thank you for the plugin!!!

    I’ve been trying it and I observed that “drop” class is not used anymore, so can’t use arrows pointing sublinks in secondary levels. Is that a bug?

  16. Looks beautiful in IE or Firefox, but not both. Appears to be an “absolute” vs “relative” issue I can’t solve. Suggestions?

  17. Sorry. Nevermind. It was a matter of having “display: inline;” under my .menu in the css file. Everything is in its place now.

    Great plugin!

  18. Jason says:

    Thanks for giving us an excellent plugin, Isaac.

    It seems you’ve granted Will’s request (above) for a “current_parent” class. However, on my installation, ALL of the parent anchors are receiving the current_parent class, instead of just the parent of the current page. Was that how you intended it to work?

  19. Tom says:

    Hi,

    I’m having some trouble getting the plugin to work.

    In your instructions can you explain what you mean by the following line “Copy the CSS from theme_css to your theme CSS file” is this a directory under “wp-content/themes/(the theme I’m using” or “wp-admin/css”

    also is there a specific location in the header.php where we need to place

    Thanks.

  20. Joshua says:

    Isaac, this is a great plugin! I’m seconding the issue raised by Jason, wherein the current_parent class is being applied to some elements where it shouldn’t.
    In my experience, it seems to get applied to at least one or two first-level li’s with no children after properly being applied to a first-level li with children. I can’t seem to find any pattern between whether it’s one or two misapplications after, but it’s always at least one. Thanks!

  21. Hi there

    Can CSS Dropdown plugin work within wp categories?

    I want to be able to use this plugin in my left side-bar where my categories are placed.

    Thanks in advance
    CHEERS :)

  22. John says:

    Has anyone tested this plugin with WordPress 2.8.4? When I try to save the options I receive a error stating “You do not have sufficient permissions to access this page.”

  23. Katie Campbell says:

    I want to fix it so when the user clicks on a top-level menu item, the background color changes.

    Can I do this with this plugin?
    If so, what do I need to edit?

  24. Jane says:

    I’m just wondering why we don’t see this being used with the pages on your website! Create some sub-pages and let us see how it works!

  25. dvdp says:

    Thank you for the great plugin.

    I have the same problem than Jason above:

    When I use alphabetical order it works fine.
    But if I choose “menu order” for page ordering, I get all parent items marked as “current_item”.

    http://burocopy.hu/kopimpex/?page_id=26

  26. dvdp says:

    Sorry, I mean: all parent item gets “current_parent” (not “current_item”)

  27. Yuri says:

    It doesn’t work in IE6…..

  28. Cynthia says:

    Perhaps you can help me. I installed this, it says it’s installed, but there is no admin panel. What more do I need to do?

  29. Cynthia says:

    Okay, got the admin panel to show, now how does one get categories into the list?

  30. Nick Smith says:

    Hi I’m having trouble getting this to work in IE 7, and IE 8. The site is http://www.protecsupport.co.uk/~grimoldb

    Can Anybody help?

  31. Ginny says:

    Great plugin… although it does seem to break in ie 6… I know, I know, but some people still insist on using it.

    I have having trouble getting it to center on my site.

    I have tried menu: margin:0 auto;
    text-align:center;

    ???????????

  32. Shawn says:

    I just installed this plugin but I have no idea how to use it. I do not see a drop down menu anywhere on my site.

    Could someone help?

  33. Craig says:

    I to am having the same problem as jason. Also when “No URLs for Menu Parents?” is not selected the menu parents do not have there links. I have checked the database to see what the option value is and its blank (i also changed it to 0) so it must be something in the code.

  34. George says:

    plugin updated and it stopped working! Please check http://www.eastpuertoricodiving.com/ The Home button works -but after this there is a strange “0″ appearing (search with mouse clicked – it’s black) and nothing else!
    Thanx for the plugin