# How To Edit Hamburger Menu Webflow

> To edit a hamburger menu in Webflow, switch to the mobile portrait view to collapse the navbar. Select the navbar or menu, open the Settings tab, expand Navbar settings, and set the Menu state to Show. Edit the visible contents, then toggle the state back to Hide.

Canonical: https://livedemo.ai/tutorials/how-to-edit-hamburger-menu-webflow/
Apps: Webflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3c86ab56e05a00fe3fed/preview?step=1

## Steps

1. From your Webflow editor, go to the mobile portrait view.
2. This will collapse your navbar menu into a hamburger (3 horizontal lines icon) menu.
3. While selecting an element of your Navbar or the collapsible hamburger menu, go to the Settings tab in the right sidebar menu.
4. Under Settings , locate the Navbar settings section and click to expand.
5. Navigate to the Menu state option with the Show and Hide states. Simply click on Show to view your expanded menu.
6. You can now edit the visible contents of your hamburger menu.
7. Simply toggle the state back to Hide and you're done!