Hamburger menus are easily recognisable buttons which toggle a menu. They’re called hamburger menus, because they look like hamburgers!

Should you them?

Generally speaking, you should make your menu items clearly visible, without needing to open a menu. It’s all about making it easy for users.

ScenarioUse hamburger menu
Less than 5 linksNo
More than 5 linksYes
Mobile devicesYes

Be mindful, if you place your links inside a hamburger menu, it generally communicates to users that those links are less important.

If you have less than five items, avoid using hamburger menus.

#hamburger { background: var(–grey-light); border-radius: 6px; } #hamburger p { padding: 4px 8px; margin: 4px; border-bottom: 2px solid white; }
HomePricingFeaturesBlogContact

Also, having less than five items in a hamburger menu is redundant.
You just made it harder to find those links, which could be displayed prominently.

Page title

Home

Pricing

Features

Contact

Hamburger menus are really good at cleaning up your page, especially when you have a lot of links, or for mobile devices where space is precious.

Page title

Home

Pricing

Features

Tech Specs

Examples

Case Studies

Blog

Contact

Be careful, users are less likely to click on hamburger menus if they are placed in areas of mobile devices that are harder to reach.

Hey, smarty!

Login or signup to get started

What's your name?

What's your password? Lost Password
We sent a link to reset your password to your email.
Create a new password
Upload file