Title: Navigation menu as Dropdown Widget
Author: Jeroen Peters
Published: <strong>May 3, 2020</strong>
Last modified: June 14, 2026

---

Search plugins

![](https://ps.w.org/navigation-menu-as-dropdown-widget/assets/banner-772x250.png?
rev=2297279)

![](https://ps.w.org/navigation-menu-as-dropdown-widget/assets/icon-128x128.png?
rev=2297279)

# Navigation menu as Dropdown Widget

 By [Jeroen Peters](https://profiles.wordpress.org/jeroenpeters1986/)

[Download](https://downloads.wordpress.org/plugin/navigation-menu-as-dropdown-widget.1.5.3.zip)

 * [Details](https://wordpress.org/plugins/navigation-menu-as-dropdown-widget/#description)
 * [Reviews](https://wordpress.org/plugins/navigation-menu-as-dropdown-widget/#reviews)
 *  [Installation](https://wordpress.org/plugins/navigation-menu-as-dropdown-widget/#installation)
 * [Development](https://wordpress.org/plugins/navigation-menu-as-dropdown-widget/#developers)

 [Support](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/)

## Description

Convert a Navigation Menu to a dropdown which you visitors can use to navigate to
another page.
 This can be a nifty element on mobile webpages or just to provide
a quick way to navigate to users.

We are proud to be featured on [WP Missing: install the Navigation as dropdown plugin](https://wpmissing.com/plugins/site-dropdown-menu-widget/)

Did you know you can try this widget instantly and for free using TasteWP?
 [Try it out here, without any obligations](https://demo.tastewp.com/navigation-menu-as-dropdown-widget)

#### Support

If you like this plugin and want to support and/or thank me, [please buy me a coffee](https://ko-fi.com/jeroenpeters).

## Screenshots

[⌊The dropdown on the frontend with the selected menu. The current page will be 
selected by default.⌉⌊The dropdown on the frontend with the selected menu. The current
page will be selected by default.⌉[

The dropdown on the frontend with the selected menu. The current page will be selected
by default.

[⌊How to place the widget from the admin panel⌉⌊How to place the widget from the
admin panel⌉[

How to place the widget from the admin panel

## Installation

#### How do I use this widget?

If you go to Widgets in the Appearance menu, you will be able to drag-and-drop the‘
Navigation menu as dropdown’ widget to a place of your choosing.

Please give a title (or not) and select the menu to convert to a dropdown.

#### Installing the plugin

Installation is very easy. You can just download this plugin through the Plugin 
Finder in your WordPress Administration Panel. Install and activate the plugin to
make the widget available.

## FAQ

### How do I use this widget?

If you go to Widgets in the Appearance menu, you will be able to drag-and-drop the
‘
Navigation menu as dropdown’ widget to a place of your choosing.

Please give a title (or not) and select the menu to convert to a dropdown.

### Can I also submit a custom start-text?

Yes you can, when you add the widget you will see that option.

### Can I also preselect the current page?

Yes you can, there is an option “Preselect the visited page in dropdown” when you
add the widget.

### Does this work on all devices?

Almost. But there are some issues with iOS devices. These do not allow new windows
to be opened
 when a dropdown has changed. This is a limitation of iOS. To make 
it work on iOS, links are opened in the same window.

### Can I customize the appearance / styling of the dropdown?

Yes you can, with CSS. If you know your way around CSS you might already know that
you can
 style elements by their class name or HTML structure. We just have a simple
select-element here. The pages inside (option-elements) have classes. For the upper
layer it’s `pd_tld`, the second layer has `pd_sld`.

Styling selects still is hard in current browsers, but this is changing.

I do offer help on styling / CSS if you are willing to make a small donation.

### Does it support more than 1 level in linkstructure?

No, not at this moment. I will work on that. It currently supports one sublevel 
of parent-child structure.

### Support/Donate

If you like this plugin and want to support and/or thank me,
 [please buy me a coffee](https://www.buymeacoffee.com/jeroenpeters).

### How can I contact you?

If you have questions about the plugin or if you have ideas to share, the best way

to contact me is through the [Support Forums](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget)

### How can I report security bugs?

You can report security bugs through the Patchstack Vulnerability Disclosure Program.

The Patchstack team helps validate, triage and handle any security vulnerabilities.
[Report a security vulnerability.](https://patchstack.com/database/vdp/navigation-menu-as-dropdown-widget)

### Who made the icon?

Icons made by [Freepik](https://www.flaticon.com/authors/freepik) from [Flaticon](https://www.flaticon.com/)

## Reviews

![](https://secure.gravatar.com/avatar/0d43ef1d41afc10a0422de871b42075c1eae1b971416f7e502ac9aa837331521?
s=60&d=retro&r=g)

### 󠀁[Super Support](https://wordpress.org/support/topic/super-support-196/)󠁿

 [aedilius](https://profiles.wordpress.org/aedilius/) September 25, 2025 1 reply

My father always said, “An old man is no express train,” and now I am that old man.
I admit, I was hoping to get an answer, but it was so quick, it was amazing. Thank
you. With your change, everyone can now read the menu on our site, which is actually
the most important thing.Thanks again for the lightning-fast support.

![](https://secure.gravatar.com/avatar/76261c4f1dc06c4f8b4aa3802d7d3a686dca92824cf8a32678e325aa31bac7b4?
s=60&d=retro&r=g)

### 󠀁[Amazing plugin with phenomenal support](https://wordpress.org/support/topic/amazing-plugin-with-phenomenal-support/)󠁿

 [hayleythehailstorm](https://profiles.wordpress.org/hayleythehailstorm/) July 8,
2024

I am using this plugin for one of my clients, as they wanted a dropdown menu that
takes customers to their respective Terrazzo Association sites their state falls
under. This was literally “plug and play” — and worked right out of the gate without
any further customization. When I noticed some funky behavior on Safari on iOS, 
Jeroen was super quick to respond and investigate my query. I would highly recommend
this plugin to anyone needing a navigation dropdown widget, and I will definitely
be using it again on future client sites! 10/10!

![](https://secure.gravatar.com/avatar/ec04eda8554e73327a35c652f8ceae1904e0dc0d090d89bb3b7238c8fdd55306?
s=60&d=retro&r=g)

### 󠀁[Does the job perfectly](https://wordpress.org/support/topic/does-the-job-perfectly-100/)󠁿

 [patcrt](https://profiles.wordpress.org/patcrt/) September 22, 2023

I was looking for a plugin which provides a dropdown of a menu and this worked exactly
as I’d hoped without having to bring in any more pages or posts than necessary, 
and works perfectly amongst long form content, especially on mobile, to keep users
engaged. Thanks Jeroen for a great solution!

![](https://secure.gravatar.com/avatar/01c115cadb2cbe03eca8b57b47f9af769d493f2ed60d6aa1cce1047f00aaa18b?
s=60&d=retro&r=g)

### 󠀁[Great plugin and support](https://wordpress.org/support/topic/great-plugin-and-support-1387/)󠁿

 [copiaguelibrary](https://profiles.wordpress.org/copiaguelibrary/) May 21, 2022

plugin works great and the developer is very responsive.

![](https://secure.gravatar.com/avatar/c91c0b9770ca7ee3dca26de722d37cd92326b0396ad105c466e62f5b8aedb1f3?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-11830/)󠁿

 [Salman Khawaja](https://profiles.wordpress.org/salman-khawaja/) May 9, 2022

I had a problem identifying a league ID. Jeroen solved this super fast with a great
update. The best drop down widget!

![](https://secure.gravatar.com/avatar/f01f7251292e81367fadc5268878d76d09665f0d4b90ed24375adbee3f3f24bf?
s=60&d=retro&r=g)

### 󠀁[Great](https://wordpress.org/support/topic/great-13853/)󠁿

 [wzshop](https://profiles.wordpress.org/wzshop/) October 15, 2021

Perfect, just what I needed.

 [ Read all 10 reviews ](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/)

## Contributors & Developers

“Navigation menu as Dropdown Widget” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ Jeroen Peters ](https://profiles.wordpress.org/jeroenpeters1986/)

“Navigation menu as Dropdown Widget” has been translated into 6 locales. Thank you
to [the translators](https://translate.wordpress.org/projects/wp-plugins/navigation-menu-as-dropdown-widget/contributors)
for their contributions.

[Translate “Navigation menu as Dropdown Widget” into your language.](https://translate.wordpress.org/projects/wp-plugins/navigation-menu-as-dropdown-widget)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/navigation-menu-as-dropdown-widget/),
check out the [SVN repository](https://plugins.svn.wordpress.org/navigation-menu-as-dropdown-widget/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/navigation-menu-as-dropdown-widget/)
by [RSS](https://plugins.trac.wordpress.org/log/navigation-menu-as-dropdown-widget/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.5.3 | June 14, 2025

 * Maintenance: cleaned up code
 * Maintenance: WordPress 7.0 compatible

#### 1.5.2 | April 12, 2025

 * Maintenance: remove textdomain calls
 * Maintenance: WordPress 6.8 compatible

#### 1.5.1 | August 12, 2024

 * Bugfix: Prevent php notice
 * Maintenance: WordPress 6.6 compatible

#### 1.5.0 | June 30, 2024

 * Rolled back: ‘fix’ for iOS, this eventually didn’t work
 * Bugfix: When new window option was enabled, iOS devices didn’t open a new window(
   iOS security measure). On iOS, links are now always opened in the same window.
 * Enhancement: Added some explanation about opening a new window/tab on iOS in 
   the FAQ

#### 1.4.0 | June 23, 2024

 * Bugfix: New window option didn’t work on iOS devices
 * Maintenance: WordPress 6.5.4 compatible

#### 1.3.5 | March 29, 2024

 * Bugfix: XSS vulnerability in the widget title in the WordPress admin
 * Enhancement: Added information about reporting a security issue

#### 1.3.4 | March 24, 2024

 * Maintenance: WordPress 6.5 compatible
 * Maintenance: Using tags for plugin releases (so it can be rollbacked when needed)

#### 1.3.3 | May 20, 2022

 * Bugfix: In some cases, the correct title wasn’t shown, but prefixed with the 
   site title (since 1.3.2)

#### 1.3.2 | May 8, 2022

 * Enhancement: Get an alternative title when nothing is available from a custom
   post
 * Maintenance: Little tweaking in layout of widget configuration
 * Maintenance: WordPress 6.0 compatible

#### 1.3.1 | November 27, 2021

 * Maintenance: WordPress 5.9 compatible

#### 1.3.0 | June 21, 2021

 * New feature: ability to truncate entries at X characters
 * Maintenance: WordPress 5.8 compatible

#### 1.2.3 | December 8, 2020

 * Improvements: Text, explanation and screenshots

#### 1.2.2 | November 22, 2020

 * Enhancement: Select first option when external link was clicked

#### 1.2.1 | November 19, 2020

 * Bugfix: Open links when not in new/window

#### 1.2 | November 19, 2020

 * New feature: choose if the current page should be selected
 * New feature: choose if the pages should be opened in a new tab/window
 * Maintenance: WordPress 5.6 compatible

#### 1.1.2 | October 22, 2020

 * Fix: compatibility with translate.wordpress.org

#### 1.1.1 | October 7, 2020

 * New feature: compatibility with translate.wordpress.org

#### 1.1.0 | October 7, 2020

 * New feature: ability to set the initial value
 * Maintenance: WordPress 5.5 compatible

#### 1.0.0 | May 3, 2020

 * Initial release

## Meta

 *  Version **1.5.3**
 *  Last updated **1 week ago**
 *  Active installations **2,000+**
 *  WordPress version ** 3.0.1 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 5.3 or higher **
 *  Languages
 * [Dutch](https://nl.wordpress.org/plugins/navigation-menu-as-dropdown-widget/),
   [English (US)](https://wordpress.org/plugins/navigation-menu-as-dropdown-widget/),
   [German](https://de.wordpress.org/plugins/navigation-menu-as-dropdown-widget/),
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/navigation-menu-as-dropdown-widget/),
   [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/navigation-menu-as-dropdown-widget/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/navigation-menu-as-dropdown-widget/),
   and [Spanish (Venezuela)](https://ve.wordpress.org/plugins/navigation-menu-as-dropdown-widget/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/navigation-menu-as-dropdown-widget)
 * Tags
 * [dropdown](https://wordpress.org/plugins/tags/dropdown/)[menu](https://wordpress.org/plugins/tags/menu/)
   [navigation](https://wordpress.org/plugins/tags/navigation/)[select](https://wordpress.org/plugins/tags/select/)
 *  [Advanced View](https://wordpress.org/plugins/navigation-menu-as-dropdown-widget/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  10 5-star reviews     ](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/reviews/)

## Contributors

 *   [ Jeroen Peters ](https://profiles.wordpress.org/jeroenpeters1986/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/navigation-menu-as-dropdown-widget/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://ko-fi.com/jeroenpeters)