header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Adding a hamburger menu
  • Managing a hamburger menu
  • Customizing a hamburger menu
  1. Home
  2. Studio, Partners & Enterprise
  3. Wix Studio
  4. Using the Wix Studio Editor
  5. Working with menus in the Studio Editor
  6. Studio Editor: Using Hamburger Menus

Studio Editor: Using Hamburger Menus

In this article
  • Adding a hamburger menu
  • Managing a hamburger menu
  • Customizing a hamburger menu
Hamburger menus offer a clean, space-efficient solution that only appears when visitors click the menu icon. 

In the Studio Editor, you have full control over the design elements of the hamburger menu, allowing you to tailor it to your client's specific branding and style. This flexibility helps create an intuitive navigation experience that aligns perfectly with their vision.
Example of a hamburger menu on a Studio Editor site

Adding a hamburger menu

Add a hamburger menu at any point from the Add Elements panel. Depending on your client's needs, you can add multiple menus to the site and manage / customize them individually.

To add a hamburger menu:

  1. Click Add Elements  on the left side of the editor.
  2. Click Menu & Search.
  3. Click Hamburger Menus.
  4. Drag and drop the relevant menu to the desired location on the page. 
The Hamburger Menu designs available in the Add Elements panel in the Studio Editor

Managing a hamburger menu

After adding a hamburger menu to the site, choose the menu it displays. You can display different menus on each individual hamburger menu, providing context specific to the page / section it's on.

To manage a hamburger menu:

  1. Select the hamburger menu icon.
  2. Click Edit Menu.
  3. Select the vertical menu element.
  4. Click Manage Menu.
  5. Click the drop-down under Which menu is displayed?.
    • Existing menu:  Select your chosen menu from the drop-down.
    • New menu:
      1. Click Manage Site Menus.
      2. Click + Add New Menu and create the custom menu.
The managu menu panel is open on a hamburger menu. The cursor is hovering over the displayed menu drop-down.
Did you know?
You can add items to the menu you've chosen by clicking + Add Item at the bottom of the panel.

Customizing a hamburger menu

After adding a hamburger menu, personalize every part of it to match the site's look and feel.

To customize a hamburger menu:

  1. Select the hamburger menu icon.
  2. Choose what you want to customize:

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.