Studio Editor: Managing Dropdowns in a Menu

5 min read

Dropdowns are menu items that function as submenus and containers all in one. You can add items and sub-items to help visitors find exactly what they need, and attach elements to provide a truly custom experience on your client's site.

Before you begin:

Dropdowns can only be added from new menus in the Studio Editor. If you have the previous menu experience, you can create submenus and add mega menus.

Add items to create and display a menu in the dropdown. You can add existing menu items, or create new items as you go.

To add menu items to a dropdown:

Select the relevant menu in the Editor.
Click Manage Menu.
(Optional) Add new items to the menu:
1. Click + Add Item.
2. Select the item type you want to add and set it up.
3. Change the item name in the menu.
Click and drag the relevant menu item to move it under the dropdown.
Repeat step 4 for all other items you want to add.

The manage menu panel. An item is being dragged under the Store dropdown.

Sub-items are a great way to organize sequential or related content in a dropdown menu, and make it even easier for visitors to find what they need.

For example, a 'Store' dropdown may contain an item titled 'Shoes'. You can then add 'Boots' and 'Sneakers' as sub-items.

To create sub-menu items in a dropdown:

Select the relevant menu in the Editor.
Click Manage Menu.
(Optional) Add new item to the menu:
1. Click + Add Item.
2. Select the item type you want to add and set it up.
3. Change the item name in the menu.
Move the item into the dropdown.
Drag the item to move it under the relevant 'parent' item in the dropdown.
Hover over the sub-item and click the More Actions icon .
Select Move under "Item name".

The manage menu panel. The cursor is clicking for the sneakers item to be moved under the Shoes item.

You can always adjust existing items and sub-items in a dropdown menu. Remove irrelevant ones, rename them, or change the order of the content to keep it fresh.

To manage dropdown menu items:

Select the relevant menu in the Editor.
Click Manage Menu.
Choose what to do next:

Change an item's link

Rename an item

Move an item out of the dropdown menu

Remove an item

Reorder items

The manage menu panel. The more actions menu has been opened on an item, displaying the options.

Good to know:

You can manage the dropdown item itself with the same steps.

Since dropdowns are containers, you can use them to display a variety of elements. Add images, buttons, and more to create a unique look on your client's site.