Studio Editor: Managing Dropdowns in a Menu

5 min read

In this article

Adding menu items to a dropdown
Adding sub-items to a dropdown item
Managing dropdown menu items
Adding elements to a dropdown container

Dropdowns are versatile menu items that function as both submenus and containers, so you can create an experience tailored to your client's business needs.

Use items and sub-items to create nesting menus, and organize them to look how you want. You can also attach elements such as media and buttons to display eye-catching custom content.

A dropdown on a live Wixsite. It has menus underneath it and images.

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.

Choose which menu items you want to show 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 About dropdown.

Once you've added items to your dropdown, place sub-items under them to create multiple layers of navigation. Sub-items help you organize sequential content, and make it even easier for visitors to find what they need.

For example, the 'About' dropdown in the following image contains an item titled 'Terms and Conditions'. 'Privacy Policy' and 'Refund Policy' are sub-items underneath it.

A dropdown on a live site. Under the terms and conditions item, the privacy and refund policy are highlighted,

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 refund policy item to be moved under terms and conditions.

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

Good to know:

You can manage the dropdown item itself by following the same steps as above.

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

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.