Community X.

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

Jan 21

New Hamburger Menu

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.




13 comments

Great. Thank you for this update. Keep up the good work!!! We are building for the future.

Jan 25

This might be a dumb question, but the previous one had built-in animation, like the 3 lines coming together into a X when opening, and back out to the 3 lines when closing. How do I achieve effects like this now?

Your question does make sense. I hope that the new alternative hamburger menu icon is just released temporarily, and they are working on the X icon issue and will bring back once it is resolved.

Im having difficulties using said hamburger menu, it comes up as vector art not an actual venue when I use it.

Feb 2Edited: Feb 5

@Dana Karp, Product Manager


Hi and thanks to all the team for this new Hamburger Menu.


I had written a previous comment which was biased by a suite of bugs I was experiencing in Editor X, but they are currently being resolved by Editor X's team. 😅


Thanks for that. So, finally, this new menu is.... simply awesome!! I just keep my previous feedback regarding the button to exit the menu mode, as it is actually on the lightbox mode. 😋

Thanks again for this release!

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

Feb 7Edited: Feb 7

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.


Delete the new hamburger menu, inspect the layer panel for finding the old one (must be in "don't display" mode), delete it, then save and close the editor, empty your browser cache, reopen the editor and add the new hamburger menu.


If the issue is still there, contact the Editor X's support.


You can create custom triggered buttons opening and closing the menu container by using the following API : https://www.wix.com/velo/reference/$w/menucontainer

That worked! Thanks very much. Much appreciated!

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?

Editor X

Design your boldest creations.