Dropdown Menu Widget

, Last Updated on February 25, 2015

Dropdown Menu widget adds a beautiful, CSS only dropdown menu, listing pages, categories of your blog. You can also turn your wordpress navigation menu into a beatiful dropdown menu 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 THEME WITHIN SAME PLUGIN!! You can also customize your dropdown menu using CSS. If you want a custom dropdown theme you can request one. Please visit plugin site for more information.

Download v1.9.4
Downloaded 392254 times


  1. dropdown-menu-widget screenshot 1

    A preview of the widget in action

  2. dropdown-menu-widget screenshot 2

    Shiny Black menu theme

  3. dropdown-menu-widget screenshot 3

    Brand new dropdown menu options page.


Search for dropdown-menu-widget on your plugin search to install this plugin.

  1. Upload the plugin to your /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Appearance -> Widgets to add this widget to one of your sidebars
  4. You can also use <?php shailan_dropdown_menu(); ?> in your template to display the menu.
  5. Don’t forget to change menu settings from Settings -> Dropdown Menu panel.

More detailed information can be found here.

More information about php template tag can be found here.


Q. I don’t have sidebar on my header, how can i add one?
A. Adding a sidebar in wordpress is a quite easy task. You can read instructions here. If you don’t want to add a sidebar consider using PHP template tag instead.

Q. I added this widget to my sidebar but it looks all weird!
A. This widget is intented for wide header widget areas, not regular sidebars. You can add a sidebar to your theme or you can get a all-widget theme from shailan.com. If you don’t want to add a sidebar, you can use php template tag instead. Read php template tag instructions here.

Q. Can i create my own theme?
A. Since this plugin works on CSS, if you are capable of writing CSS, you can customize the theme as you like it. If you want full customization select None as your theme.

Q. I don’t know CSS, how can i customize it?
A. Plugin comes with various themes already installed. If you want something different, then you can request a new theme.

Q. I found a bug! Where do i submit it?
A. You can submit errors and bugs using the online form on my site OR you can submit via wordpress support tags here.

Share Your Thoughts

Your email address will not be published.

371 thoughts on “Dropdown Menu Widget”

  1. Nope, dropdown menu widget displays a menu with dropdown menu items.

  2. Heath says:

    Great plugin but it seems to conflict with my theme’s CSS. Would it be possible to work in an “!important” rule (or other code) so that the plugin’s CSS is strictly followed?


    1. Unfortunately I can’t do this, because it would affect all the users of the dropdown. Many users over-write menu’s style using important keywords. If I put important keyword too, this would remove their over-written rules.

  3. News says:

    Wow! Thanks for your hard work! No issue here…

  4. Bob says:

    I’m using your amazing Widget but I’m facing two main issues I can’t seem to solve:
    1. The sub-menu has a line limit and then creates a second column of text. Can I stop that/ increase the line limit?
    2. When a sub-menu expands sometimes it will stay hidden behind the upper level items. Is there any way to solve this? Can I have a fixed width of each column?
    Thank you very much.

  5. Miles says:

    Is it possible to make the entire li of the menu clickable, rather than just the text anchor?

    1. Matt Say says:

      Yes, actually you can imitate this by giving padding to anchors instead of li elements. This works on some themes by default. On others, you have to fix this using customization. Which theme are you using?

      1. Miles says:

        Thanks. I actually figured that out this afternoon. I’m using a custom theme to fit my WP theme, hence why it probably didn’t work out of the box. Thanks for the followup! Great plugin.

  6. Fuchs says:

    With this version i cannot change the name of “Home”-Button anymore. But the Changelog only say “Added: More detailed faq and plugin banner.”…hmmm, what happened here?

  7. Matt says:

    very nice menu!

    Is it p√ľossible to set the startdepth to Level 2.


    Level 1
    Level 1
    – Level 2
    — Level 3
    — Level 3
    – Level 2
    Level 1
    Level 1

    I want your menu to display only the level 2 and 3 links.


  8. Hannes says:


    love your plugin!

    I got a question concerning highlighting of active links. This I need for another plugin called ‘Navigo’ I’m using for my sidebar navigation menu.

    How can wordpress tell which page currently is active and so forth such that the css style defintions

    #access .current-menu-item > a,
    #access .current-menu-ancestor > a,
    #access .current_page_item > a,
    #access .current_page_ancestor > a {
    font-weight: bold;
    color: red;

    will be used, i.e. where do you assign the attribute .current-menu-item to the active page?

    Thanks in advance!


    1. Matt Say says:

      You don’t assign that attribute. This is automatically done by wordpress core. Walker class objects generate page lists. Read more here.

  9. Anonymous says:

    Are the plugins going to be updated for the newest WordPress?

  10. Pingback: Top 1000 WordPress Plugin Authors | Net Like Blog