Creating a Menu Item from a New or Existing Page

First, we can create a menu item from a new or existing page. Go to "Edit" for the page, and in the right hand toolbar, select Menu Settings.

The link title will autofill based on the title of the page.

The menu link title can be rewritten, and it will not change the title of the page. This is useful if the page title is too long as a menu item.

Now we can look at how to place the item. Main Navigation will place it directly in the menu.

<Main navigation>
-- Demo
-- Home (disabled)

You can place it inside other menu items, and the parent becomes a dropdown. For example, "Demo" is now a dropdown, with "About" nested inside. 

Weight
Menu links with lower weights are displayed before links with higher weights.

Now we can see "Demo" as a dropdown parent link, with About nested inside. 

Another way to edit menu items is with contextual links. When hovering over the menu, click the pencil icon (contextual link).

Open Main navigation configuration options

When you are using  a link as a dropdown, we want to make sure it is expanded. This ensures that the dropdown will open and show its nested items. Go to Demo, and choose "Edit".

Check the "Show as expanded" field is toggled on and Save. 

Now we can rearange items. On the menu edit, you can use the crosshairs to drag and drop menu items to be nested, or their own parent items. Here, About has been moved out of Demo.

So far we have added internal links that have directed to pages within our site. Now we can add an external. Click "Add link" on menu edit.

For testing, I am just using the title "External link", and for the link, I am adding "https://google.com"

How to create internal, external, nested, and "nolink" menu items, using both basic page edit and the menu contextual link.

Creating Menu Links

Creating a Menu Item from a New or Existing Page

Nesting Menu Items from Menu Settings

Editing the Menu Using Contextual Links

Using Crosshairs to Rearrange Menu Items

Adding an External Link