Hamburger vs. Kebab (Lines vs. Dots)
Three horizontal LINES is the hamburger: it opens the site's main navigation. Three DOTS is the overflow menu — vertical dots are the kebab, horizontal ones the meatballs — and it holds extra actions for the specific item it sits on, never navigation.
How to tell them apart
- Lines → navigation. Dots → actions.
- Top corner of the whole site → hamburger.
- Sitting on a card, row, or post → kebab/overflow, and its actions apply to that item.
The full entries — names, anatomy, paste-ready prompts
Field Notes
Hamburger Menu (Nav Drawer)web
aria-expanded + aria-controls
The three-line button and the navigation panel it slides open
meatballs
kebab
hamburger
Open which file?
Choose…
Navigation
The Three Dots (Overflow Menu)web
<button>
Horizontal dots, vertical dots, three lines, and an ellipsis mean different things
Still a different pair on your mind? See every commonly confused pair