Studio Editor: Adding and Managing New Menus
Add our latest menu element to streamline your site-building process while enhancing navigation for your client's visitors. Choose the best layout for each breakpoint – horizontal, vertical or a hamburger menu. Switching between layouts is straightforward, so you can adjust on the fly as your design evolves.Manage the menu items as needed by adding, removing and reordering the items. You can use dropdowns to display submenus with your own content, giving you the ability to create a tailored experience that fits your client's needs.Important:This article refers to the new menu element in the Studio Editor. For steps on managing the previous menu experience, please click here.How do I know which menu I have?You can check whether you have the new or old experience by clicking the menu in your editor and clicking the Layout icon .
New menus:

The blue label says Menu.  The Layout panel displays the option to change the menu type (between navigation bar or hamburger).  
Old menus:

The blue label specifies the type of menu element you have (e.g. Horizontal Menu). The Layout panel does not display the option to change the menu type.  Adding a menuAdd a menu to the site to get started. We recommend adding a menu to the site header, but you can add and set up as many as you need to tailor the experience for different pages and sections.Once you add the menu, choose the items you want it to display (e.g. site pages, links, etc).To add a menu:
Click Add Elements  on the left side of your editor. Select Menu & Search.  Select the menu type you want (Horizontal, Vertical, or Hamburger).  Click the menu and drag it to the desired position on the page. Add items to the new menu:
    
Select the menu you just added.  Click Manage Menu. Click + Add Item at the bottom. Select the item you want to add: 
        
Main pages: Add a regular site page to the menu. Dynamic and app pages: Add pages from apps (e.g. a Wix Stores product page), or pages connected to collections in CMS. Link: You can add many kinds of links to the menu, such as links other websites, anchors on site pages, your client's contact details, etc.  Dropdown: Add a container that appears below the menu when visitors hover over the item. You can design it as needed, and use it to display menu items and additional content.     Changed your mind about the menu layout (type)?Don't worry - you can always change it later.Managing menu itemsYou can always adjust an existing menu and the items it shows. Add more items, remove ones that are irrelevant, or change the order to keep the content fresh. To manage a menu:
Select the relevant menu in your editor.  Click Manage Menu. Choose what to do next:Add more menu itemsClick + Add Item at the bottom and select the item you want to add:
Main pages: Add a regular site page to the menu. Dynamic and app pages: Add pages from apps (e.g. a Wix Stores product page), or pages connected to collections in CMS. Link: You can add many kinds of links to the menu, such as links other websites, anchors on site pages, your client's contact details, etc.  Dropdown: Add a container that appears below the menu when visitors hover over the item. You can customize the design, use it to display submenus, and attach elements to create a custom experience.Change a menu item's link
Hover over the relevant item and click the More Actions icon . Click Change Link. Change the link type and / or its details. Click Done.Tip: You can also click Remove Link to delete a link from a menu item. Rename a menu item
Hover over the relevant item and click the More Actions icon . Click Rename.  Enter the new name.  Press the Enter key on your keyboard to save your changes.Remove or delete an itemDepending on the item type, you may see the option to remove it from the menu, or delete it completely.Removing items: These are items that exist regardless of the menu, like site pages and lightboxes. Removing these items means they're no longer displayed in the menu, but have not been deleted from the site. 
Hover over the relevant item and click the More Actions icon . Click Remove from menu.Deleting items: These are items that only exist within the menu, and not as separate elements (e.g. dropdowns). When you delete these items, they're gone from the site.
Hover over the relevant item and click the More Actions icon . Click Delete.Note: If you delete a dropdown, any pages you have added to it are removed from the menu. However, you can always re-add them as needed.Reorder menu itemsHold the Reorder icon  next to an item and drag it to the desired position.Creating dropdownsThere are 2 ways to create dropdowns in a menu, depending on what you want the title to be:
An existing menu item: Decide on an existing item (page or link) from the menu to show the dropdown when visitors hover over it.  A title that is not clickable: Add a dropdown title that does not lead to any page. When visitors hover over it, the dropdown container opens. Tip:Dropdowns were called mega menus in the previous menu experience. To add and set up a dropdown: 
Select the relevant menu in the editor. Click Manage Menu. Choose what you want to do:
    
Use an existing menu item:

Drag a menu item to move it below the item you want as the dropdown title. Hover over the same item and click the More Actions icon .  Select Move under "Page Name". Repeat steps a - c for all other items.   Create a new dropdown:

Click + Add Item. Select Dropdown. Enter the title for the dropdown.  Press the Enter key on your keyboard to save your changes. Drag and drop menu items under the dropdown to add them. Repeat step e for all other items you want to add.    Learn more about working with dropdownsSwitching the menu to a different layoutUse the layout settings to choose the menu type you want - a horizontal or vertical navigation bar, or a hamburger menu.To set the layout:
Click the menu in your editor. Click the Layout icon . Select the menu type:
    
Navigation bar: Menu items are displayed in a bar. Under Orientation, choose whether the bar is horizontal or vertical. Hamburger: An icon is displayed. When site visitors click the icon, the menu opens.  Displaying multiple menus on the same siteYou can create as many menus as you need and show completely different items in each. After adding a new menu element, you can choose which menu it should display: An existing menu that you saved, or a new one that you create on the spot. This means you can save menus and reuse them on various menu elements across the site. Click below to learn how to:Choose which menu is displayed on a page 
Select the relevant menu. Click Manage Menu. Click the drop-down under Which menu is displayed?. Depending on the menu you need, follow the steps:
    
Existing menu: Select the menu from the list. New menu: 

Click Manage Site Menus. Click + Add New Menu at the bottom. Enter a name for the new menu.
Note: This name isn't visible to visitors.

    Save a new menu
Select the relevant menu. Click Manage Menu. Click the drop-down under Which menu is displayed?. Select Manage Site Menus. Click + Add New Menu at the bottom. Enter a name for the new menu. This name isn't visible to visitors.

 Start adding pages to the menu:
    
Select the new menu you just created.  Click the Exit icon  at the top right. Click + Add new Item to add pages, links, dropdowns, etc.