Last Updated on October 20, 2023
Do you want to add a drop-down menu to your modern SharePoint site?
Fortunately, it’s super easy now to add a drop-down menu. On the downside, there’s really only one option to do this.
In this quick guide, I’ll walk you through creating a dropdown menu in modern SharePoint in only a few steps.
Let’s get started.
Table of Contents:
Whether you’re on a team site or in a communication site, you will see an edit button on the navigation bar.
- For team sites, the navigation bar is on the left side.
- For other types of sites, the navigation bar is on the top of the page.
For this step, simply click on that “Edit” button:

Note: If you’re new to SharePoint, check out my complete guide on the quick launch navigation menu feature.
Sign up for exclusive updates, tips, and strategies
Right after clicking the edit button, a panel will slide in from the left where you can edit the navigation links.
From here:
- Hover on the place where you want to enter the parent menu item
- Click on the plus icon

To proceed:
- Change the option to “Label”
- Enter the display name of the parent menu item
- Click on the “OK” button

Now that you have the parent menu item, it’s time to add the submenu items.
You can use the same steps explained earlier to add the submenu items that are not yet included in the navigation menu.
Once you have the submenu items in the navigation menu, follow these steps:
- Click on the three dots beside those items
- Click the “Make sub link” option
- Click the “Save” button

After saving the changes, you will not have a drop down menu right in modern SharePoint.
It looks like this:

Note: For creating a dropdown in Excel, check this guide: How to Create a Drop-Down List in Excel in 3 Easy Steps.
Do you have any questions on how to create a dropdown menu? If so, kindly leave those questions in the comment section below.
For inquiries and other concerns, please use the site’s contact form to reach out and I’ll get back to you as soon as possible.
how can i move the item in one menu to another menu
You can easily drag and drop menu items into their proper place.
how to display drop down menu vertically instead of horzentally
You can do this on a Team Site template. click the settings gear in the top right and then click on Change the Look. You’ll see an option for this under Navigation.
I’m not seeing the option for Navigation under the gear within the SharePoint site. Do you need to be the owner of the site to change the dropdown menu to display vertically?
Great, easy-to-follow instructions. Thank you!
hi want to do it in Team site embeded in teams channel.
i wan to show drop down but no component is availible for drop down. let me know if you have any idea