Quick summary
Editing the hamburger menu in Webflow requires switching to mobile portrait view and using the Navbar settings panel to access and modify the collapsible menu state. This step-by-step process lets you control exactly what appears when visitors tap the hamburger icon on a mobile device.
Steps
- Open your Webflow editor and switch to the mobile portrait view.
- Notice your navbar collapses into a hamburger menu (three horizontal lines icon) in this view.
- Select an element of your Navbar or the collapsible hamburger menu, then open the Settings tab in the right sidebar.
- Under Settings, locate the Navbar settings section and click to expand it.
- Navigate to the Menu state option and click Show to reveal your expanded menu.
- Edit the visible contents of your hamburger menu as needed.
- When finished, toggle the Menu state back to Hide to complete your edits.
