Create drop-down menus

Follow these steps to add dropdown items to your site’s menu via the Navigation block:

1. From your site’s dashboard, navigate to Appearance → Editor.
2. Select Templates and choose a template that includes your menu, such as Home or Front Page.
3. Open List View in the top-left corner of your screen.
4. Select the Navigation block (it may be nested inside other blocks like Header, Group, or Row).
5. In the sidebar settings, hover over a menu item and click the three dots (⋮) that appear.
6. Click the “Add submenu link” option.
7. Select the first page you’d like to appear in the dropdown.
8. Repeat steps 3-5 until you have added all desired submenu items.
9. Click the Save button.

Alternatively, you can create a drop-down menu using the toolbar of the Navigation block:

1. Click on the menu item you wish to make into a dropdown.
2. A toolbar will appear above the menu item, where you will find the “Add submenu” button (the icon looks like a curved arrow with three horizontal lines next to it).
3. Click the “Add submenu” button in the toolbar to transform that menu item into a dropdown menu.
4. Click the + icon or the “Add link” option that appears to add new links to your new dropdown menu.
5. Click Save to save your changes.

On sites with classic themes, you can add drop-down menus using WP Admin using the following steps:

1. Visit your dashboard.
2. Go to Appearance → Menus.
3. Ensure the correct menu is selected at the top of the screen.
4. Click and drag a menu item to the right to “nest” them under the item just above it.
5. Click the “Save Menu” button to save your changes.

You can undo this by dragging them to the left again. Click the “Save Menu” button when you’re done.

On sites with classic themes, you can create drop-down menus using the Customizer by following these steps:

1. Add all the menu items you wish to have in your site’s menu.
2. Click on the “Reorder” link that appears below your menu items.
3. Click the > right arrow to nest a page underneath the one above, creating a drop-down item.
4. Once you’re happy with your drop-down menu, click the “Done” button.
5. Click the “Save Changes” button to publish your changes to the site.

Video Tutorial

Follow these steps to create an unclickable menu item:

1. From your site’s dashboard, navigate to Appearance → Editor.
2. Select Templates and choose a template that includes your menu, such as Home or Front Page.
3. Open List View in the top-left corner of your screen (it’s the icon that looks like three horizontal lines above each other).
4. Select the Navigation block (it may be nested inside other blocks like Header, Group, or Row).
5. Click the + block inserter to add a new menu item.
6. In the window that appears, click “Add block” and choose the “Custom Link” option.
7. Type a # symbol and press Enter or Return on your keyboard.
8. Click the pencil icon to edit the new menu item. Write what you want the menu item to say in the “Text” field. Leave only the # symbol in the “Link” field to make it an unclickable link.
9. Click the “Save” button to submit the change.

You can also edit an existing menu link to make it unclickable. Click on the existing menu item and a toolbar will appear above the menu item, where you will find the Link button (the icon looks like a literal link from a chain.) Edit the menu item and replace the current link with the # symbol. The GIF below demonstrates the process:

On sites with classic themes, you can add an unclickable link to your menu using WP Admin by following these steps:

1. Go to Appearance → Menus.
2. Choose your menu.
3. Click the “Custom Links” section under the “Add menu items” header.
4. In the URL field enter the # symbol, as shown in the image on the right.
5. In the Link Text field enter the text you want to appear in your menu, as shown in the image on the right.
6. Click the “Add to Menu” button.
7. Click the “Save Menu” button.

On sites with classic themes, you can add an unclickable link to your menu using the Customizer by following these steps:

1. Go to Appearance → Customize → Menus.
2. Choose your menu.
3. Click the “Add Items” button.
4. Click the Custom Links option.
5. In the URL field enter the # symbol, as shown in the image on the right.
6. In the Link Text field enter the text you want to appear in your menu, as shown in the image on the right.
7. Click the “Add to Menu” button.
8. Click the “Save Changes” button.