Dropdown Menu Widget

Dropdown Menu widget adds a beautiful dropdown menu, listing pages and categories of your blog. You can also turn your wordpress navigation menus into beatiful dropdown menus using this plugin. It allows you to chose vertical or horizontal layout. It supports multiple instances. You can select a theme for your widget from the Dropdown Menu Settings page or you can create your own dropdown menu theme using options page. You can also customize your dropdown menu using CSS.

Download

Feeling generous?
Thanks!

Download Dropdown Menu Widget v1.9


Downloaded 141954 times
Minimum WP Version : 2.8

Installation

Dropdown menu widget is so easy to setup. Just follow the steps below to add it to your site.

  • Login to your wordpress dashboard and go to Plugins > Add New.
  • If you have downloaded the plugin, click on “Upload” link and upload the plugin.
  • If you haven’t downloaded yet, type dropdown menu widget to search field and click “Search”.
  • Click on “Install” and click “Activate plugin” once it is loaded.
  • Go to “Dropdown menu settings” under “Settings” to change dropdown theme and edit your settings.
  • Add the dropdown menu to your site using “Widgets” or template tag codes.
  • Done. Enjoy!

Here is a video on installation and setting up a custom dropdown menu :

Read more

My other plugins

If you like this plugin you may also like my other wordpress plugins:

  • ryan Dec 11, 2009

    man, I don know but this widget crashed my site as soon as I activated it everything was sent tumbling b4 crash

    • shailan Dec 11, 2009

      Can you send me your wordpress url so that i can see what the problem is. Plugin works on wordpress installations higher than 2.8. That may be the problem.

  • Sushant Dec 12, 2009

    Nice plugin. Working fine in my site.
    Thank You

  • Sushant Dec 14, 2009

    Hi, is there any way to add a custom link to the menu. E.g I want a link to HOME page with text HOME in the current menu.

    • shailan Dec 14, 2009

      For now it doesn’t support custom added links. Later versions of the widget includes “Home” link for the Pages type menus. Did that help?

  • Peter Dec 18, 2009

    Where should I change the z-index? The drop down is going behind my container.

    • shailan Dec 18, 2009

      You can change it in the shailan-dropdown.css. I have a similar issue right now. I will fix it and update the plugin soon.

  • Peter Dec 18, 2009

    I must have tried more than a dozen z-index locations and tests? nothing? drop-down is hiding behind my #content from theme css. Which takes priority? float or z-index? So far you’ve come the closest to what I want without having to manually embed it in the code, which I’m trying to avoid. Thx, for getting this far.

  • Peter Dec 18, 2009

    Found my problem! It was caused by an overflow set to hidden on original theme. Once I turned the Overflow to visible it worked! The whole time I thought it was z-index or float it was really sidebar overflow.
    Hope this helps your new plugin update?

    • shailan Dec 18, 2009

      Oh that’s great you solved it. I will add this to troubleshoot items. My trouble still continues though. My two menus on top overlap each other. I gotta solve this :/

  • Sushant Dec 22, 2009

    Hi I am now facing a new problem. The extreme right menu category has a sub category with another sub category. That menu opens to the right side away from the visibility of the browser. Plz spare some time and check my homepage to see the problem.
    Television menu on the right with sub menu Sony.

  • Sergey Dec 30, 2009

    Hi Shailan, I have just installed your Dropdown Menu plugin but have difficulties tuning it. In particular, how can I make the categories horisontal, instead of verical? It seams that there is no option to do so…

  • snails Jan 11, 2010

    Hi great plugin, it works great on my site but I am having trouble using it with the Facebox plugin. Which file would I need to edit, and where, so that I can add the ‘ rel=”facebox” ‘ code so that the links in the menu will open up the ‘Facebox’ popup instead of a regular page.
    Thanks

    • shailan Jan 11, 2010

      This can be done by editing shailan-page-walker.php. Open the file and find <a href="' . get_page_link($page->ID) . '" > (line:81). Add your rel code in just before closing “>”. Like this: <a href="' . get_page_link($page->ID) . '" rel="facebox" > . This will make any page menu have the rel code you entered.

  • Roger Jan 11, 2010

    Hi Shailan,

    Many thanks for a great plugin.

    I’d really like a feature to enable pages to be excluded from the nav menu based on some criteria, such as a custom field – eg only pages with nav_menu = 1 would be on the menu. That way, the site designer can be sure only pages explicity setup to be on the menu would actually appear there. Is this a feature you’d be interested to add – I could help with the code if required?

    -Best wishes, Roger.

Reply