top of page

Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Editor X

The rest is up to you.

Start Creating

Start Now

To see this working, head to your live site.

Dana Karp, Product Manager

Editor X Team

Dash

Jan 21, 2021

New Hamburger Menu

in Releases and Announcements

I am happy to share that we just released a new hamburger menu element, available in the Add Panel. It is basically a vector image, so you can easily replace and scale it—plus, there's a separate X icon for closing.

Check out the x icon inside the menu container and design it exactly they way you desire.

We suggest you replace any existing hamburger menus you have on your sites as we'll stop supporting them soon.

26 comments

26 Comments

LittleRedCabinUS LittleRedCabinUS

Nov 15, 2022

How do you place a menu that is responsive and turns from text to a hamburger when shrunk?

Tal Shenkar

Nov 16, 2022

Replying to

Hi you need to change the menu's display on the Layers Panel. on desktop you need to display the menu in text and don't display the hamburger menu. on mobile you need to display the hamburger menu and don't display the menu in text.

i9redwings

May 23, 2022

Agreed! This is a small but fairly common thing you see on most websites. I have sites on the old editor that can do this and yet it still cannot be done on Editor X.

Pete W. Pan

May 23, 2022

Hi Editor X team, as i have searched around the internet looking for ways to acquire burger menu icon being animated when pressing. Seems like someone had raised a similar issue of losing this feature in a more advance software like Editor X. However it’s offered in Wix Editor which you get from built-in stocked animated burger menu. I wonder why this issue has never been solved… really want to spice up the interaction when user is pressing the icon :(

pete

stschuele

Jun 10, 2022

Replying to

Hi @Roberto Rocha , Im a little bit late here. But, Im asking me the same question. I saw a lot of Editor X tutorials from Editor X Team where the hamburger icon has this transitions. I think they made it with code. Is there a possible way to do this with code?

Roberto Rocha

Jun 14, 2022

•

Replying to

@stschuele Do you have an example from the team? We could try pinging them if we know who it is. I don't have a lot of coding experience but don't think you could unless it's a custom element.

Simen Kvamme Hatlem

Jun 15, 2022

Replying to

@Roberto Rocha @stschuele It's not exactly the same, but I made a similar animation to that using velo on this test page:

limelightmediaas.editorx.io

Home | 4 side side

It's not super hard, but it does take a bit of playing around with the wix-animation to get the movement you want. It's basically 2 lines moving from one position to another.

Ryan Roberts

Mar 25, 2021

@Dana Karp, Product Manager its incredibly difficult to do something basic like set up a hamburger menu that displays in all res. I want a full screen overlay with 3-5 menu items, all resolutions. The X for the hamburger menu is missing during creation. An equivalent would be in Elementor, with the full screen menu.

https://www.youtube.com/watch?v=mtx_tESVvSo

Naama Ben-Oliel Ronen

Mar 31, 2021

•

Replying to

Hi Ryan,

I am Naama from Editor X product team.

To ensure that you're using the New Hamburger menu, could you please delete it and then re-add and validate if the problem is solved?

In addition, please see that while editing the menu (before Preview or Publish), you click on Open Menu to see the X. The default is that it opens up in full screen as you described.

We're waiting for your reply,

Na'ama

verbaldancing

Mar 09, 2021

I've deleted all old menus and installed the new one, but now the menu container is all over the place on some pages, especially on mobile. (not on all pages though luckily) It's supposed to be top left but aligning it in the inspector doesn't change anything.

Matthew Snyder

Feb 17, 2021

I have deleted my old menu and have added the new hamburger menu.. Now when I navigate between pages the pages reloads from white. Not pleasing to the eye. Thoughts on why this is happening vs a smooth transition?

stephen_payne

Feb 07, 2021

That worked! Thanks very much. Much appreciated!

stephen_payne

Feb 06, 2021

I'm having trouble with the new hamburger. The open hamburger and close x don't line up and also when I click to open, the open menu stays visible on top of the close x. Am I missing something? Thanks

Vitika Green

Feb 07, 2021

Replying to

You might have a corrupted menu container due to the fact that you have not deleted the old hamburger menu (it is natively hidden) before adding the new one.