DzinerHub

DzinerHub

Hamburger Menu

An icon with three lines used to reveal hidden navigation.

Hamburger Menu

An icon with three lines used to reveal hidden navigation.

In Web & Mobile Design

What is a Hamburger Menu?

A hamburger menu is a three‑line icon that reveals hidden navigation when tapped or clicked.

When to use Hamburger Menus?

- Secondary or overflow navigation on small screens

When not to use Hamburger Menus?

- When primary navigation needs to be visible for discoverability

What is the anatomy of Hamburger Menus?

- Icon button and affordance

- Drawer or menu surface

- Transitions and focus management