Dropdown Menu Widget Help

Options page

Rename Homepage

You can change home page link text here. It defaults to Home in your language. If you enter a text it will be displayed instead.

Parent Indicators

Parent indicators are small arrows displayed next to menu items that has a sub menu. You can turn them on/off using this check box. To remove arrows just uncheck this option.

Indicator Color

Indicator color defaults to dark gray. However you can define custom colors using this text box. It will allow HEX, rgb and rgba colors. For example #ff0000 will display red pointers. You can also use rgba(255,255,255,0.3) (transparent white) style colors.

Wrap long menu items

Sub menu items may be long sometimes. Dropdown menu by default doesn’t wrap long items, so they appear as a long line. If you have very long sub menu items you may want to turn this option on.

Remove title attributes

WordPress by default adds title attributes to all category items (eg. “View all posts categorized..”). Those titles appear as a tooltip when a user moves over your links. When you turn this option on, drop down menu widget uses a jQuery hack to remove those title attributes from drop down menu links.

This option removes links from menu items that has a sub menu.

Enable dropdown effects

Dropdown menu widget supports jQuery effects slide down and fade. If you turn this option on menu will use jQuery to slide down items instead of css.


If effects are enabled, you can select one of the effects. Effects are using jQuery, if dropdown doesn’t work with effects turned on, you may have some problem with your jQuery version.

Effect speed

This option sets how fast your sub menus will appear. There are three effect speed options: normal, slow, fast.

Effect delay

This option sets how much time menu waits before dropdown sub menu items appear. This option uses hoverIntent jquery plugin to delay the effect.

Dropdown menu has various built-in themes. You can select one of them using this drop down. If you select From URL, you can specify link to a style sheet below. If you have drop down.css in your theme root, it will be displayed in this dropdown, so you can select it. Same applies for template directory in child themes.

Theme URL

If From URL is selected as theme, you can specify its URL here in this field. Dropdown includes that CSS file to be used, so you don’t need to edit your header file.

Use custom colors

This option enables use of custom colors specified in the fields below. Custom colors works best with Custom Color Scheme theme, with other themes it may not work as expected.

If custom colors are enabled, you can specify a menu background color code in this field. It allows hex values only.

Hover background color

If custom colors are enabled, you can specify a menu item hover color here. It allows hex values only.

Share Your Thoughts

Your email address will not be published. Required fields are marked *

  1. Erik says:

    Hi Metin,

    Great work! One question: How can I remove the “bouncing” when I hover my mouse over the menu? I’ve tried to disable the effects, but it is still active.

    1. Metin Şaylan says:

      Maybe it is caused by your theme. Can you share a link please.

  2. opax says:

    how i can put search box in your menu?

    1. Metin Şaylan says:

      You can use this hook to add menu items and also a search box after menu items. It needs some basic php knowledge though.

      1. opax says:

        thank you so much!!!

  3. Gemma says:

    Hi. I am having difficulty in configuring the width that will look as the same with the demo. please assist as i love your plugin and i don’t want to use anything else…I just have to make this work…. thanks. here is the link blog.sujatravel.com

  4. Cal says:

    How can I make it so the menu is visiable all the time? It’s hard to see.

    1. Can you send me a link to your site please. Maybe I can help.

  5. Bill Byrd says:

    Is there a way to change font to Raleway?

    1. Hello Bill, normally dropdown menu uses body font. If you want to specify a different font for your dropdown menu, you can use following code snippet to change list item fonts.

      ul.dropdown li a {
        font-family: 'Raleway', sans-serif; /* Your custom font list */

NS Weight Release