WordPress has a built-in menu management system that makes it easy to add menus to your site. However, as you add more and more pages, posts, and other content, it may not be possible to include every item on the standard menu bar.
In these cases, you can provide easy access to all sections of the site without cluttering the menu bar by replacing the standard horizontal menu bar with a drop-down menu.
In this quick tutorial, I’ll share two easy ways to convert any standard WordPress menu into a drop-down menu.
You can add dropdown menu functionality to any WordPress menu. If you don’t have a standard menu that you want to convert to a dropdown, you’ll need to create one.
Go to Appearance → Customize.
Select the menu you want to convert into a drop-down
To convert a regular menu into a drop-down menu, you need to use drag and drop to create “parent” items that will appear as part of the main menu, and “child” items that will appear as part of the parent items.
For example, in the following snapshot, the Settings section is the parent section, and Password Reset and Logout are the children.