Creating Menu Links

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.

Click the "Provide a menu link" field.

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.

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.

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).

Click "Edit menu"

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.

And this is the output.

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"