---
title: The Website Hamburger Menu
description: The website hamburger menu is a fun way to combine eating and website navigation in one shot.
image: https://www.tributemedia.com/hubfs/Blog_Images/the-burger-for-hamburger-menus.jpg
---
[Contact](https://www.tributemedia.com/contact)
[Blog](https://www.tributemedia.com/blog)
[Support](https://www.tributemedia.com/blog/the-website-hamburger-menu#)
## Hi!
How Can We Help?
[General Inquiries](https://www.tributemedia.com/contact)
[All Things Support](https://www.tributemedia.com/support)
[ Give Us A Call](tel:12084890123)
# The Website Hamburger Menu
[](http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.tributemedia.com%2Fblog%2Fthe-website-hamburger-menu%3Futm_medium%3Dsocial%26utm_source%3Dfacebook)
[](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.tributemedia.com%2Fblog%2Fthe-website-hamburger-menu%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin)
[](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fwww.tributemedia.com%2Fblog%2Fthe-website-hamburger-menu%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fwww.tributemedia.com%2Fblog%2Fthe-website-hamburger-menu%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=The%20Website%20Hamburger%20Menu)
** Posted by [Corey Smith](https://www.tributemedia.com/blog/author/corey-smith) on Sep 1, 2016 4:03:00 PM
Oh, this is fun. Two of my favorite things in one awesome title.
Okay, we, lamentably, aren't talking about food (the most perfect food) but we are actually talking about navigation on a website. You've seen it around… usually you'll see this menu structure in mobile views of your website but we are starting to see this more and more often in desktop views as well.
The real question is, "Do people know what these really are?"
Now, the debate has been going on for a few years. Most people have opinions but they only base that opinion on their personal perspectives. I've seen the debate as to what it's called (some prefer the hot dog menu) and some just want it to go away completely. But, the real test is in how people actually use it.
A few months ago I did a little survey to see what people think. I showed the following image:
What is interesting to me is that most people couldn't explain what it was. Most people didn't naturally know that it was a menu. It was also very interesting that they didn't quite realize that the tops of browsers have that same icon and many mobile phones have that same icon.
They just didn't see the connection.
Now, it's been a few months since I conducted that test. When I showed the following question to the respondents, most people recommended to always include the word menu next to it.
As such, we make sure to include, in all our designs, the word menu.
I think it's fine to be progressive and try to do something that is a little forward thinking but we always want to make sure that we also design for the users that are on the site now and not those that we think will be on our site in the next few years.
The next trend I am starting to see is the hamburger menu on desktop views instead of showing a different menu on the desktop view versus the mobile view.
Consider this from CNN:
CNN has the approach of having their traditional menu for the most important elements but then all the 'extra' stuff is in the hamburger menu. Then, when they move to a mobile view, the hamburger menu simply becomes the primary navigation element.
Personally, I tend to like the approach of CNN when you have a lot of items that need to be communicated.
The trend for everyone is to use their mobile devices more office. As such, the trend in design is mobile navigation. Most companies are realizing the benefit of designing from a mobile-first perspective. That design consideration is especially important since it's been well over a year since [mobile search as exceeded desktop search](https://searchengineland.com/its-official-google-says-more-searches-now-on-mobile-than-on-desktop-220369).
What do you think? Is the hamburger menu a good idea? Only on mobile devices or should it be included in all broswer sizes?
#### Written by [Corey Smith](https://www.tributemedia.com/blog/author/corey-smith)
Corey Smith is the founder of Tribute Media and serves as the Managing Director for Tribute Media. He is also the VP of Web & Creative for Hawke Media.
[Top * *](https://www.tributemedia.com/blog/the-website-hamburger-menu#top)
## We Have Ideas To Grow Your Business
There's no doubt you have many choices when it comes to web design and web marketing services. Your middle schooler probably knows his way around CSS and HTML and every college kid is a blogger. The problem is, a site that looks hot but doesn't have well-thought out strategy, is like a certain reality show family we can't name for legal reasons: pretty, but worthless.
The difference between a website and a web strategy is something that the experts at Tribute Media have mastered. Put us to work and we'll create a web strategy that will help you generate leads and grow your business.
[](https://cta-redirect.hubspot.com/cta/redirect/481308/d2997a87-4e77-4648-bb37-7b5bb6763c46) [](https://cta-redirect.hubspot.com/cta/redirect/481308/97691340-6763-4557-a6b7-25bf50f35b5b)
©2024 Tribute Media (a Hawke Media Company) || 310.451.7295
136 E. Idaho Ave. Ste. 100, Meridian, ID 83642
[Careers](https://www.tributemedia.com/careers) || [Legal Mumbo Jumbo](https://www.tributemedia.com/legal) || [Privacy Policy](https://www.tributemedia.com/privacy-policy)
This is a search field with an auto-suggest feature attached.
- There are no suggestions because the search field is empty.
[Instagram](https://www.instagram.com/tributemedia) [Twitter](https://twitter.com/tributemedia) [Facebook](https://www.facebook.com/tributemediaboise) [LinkedIn](https://www.linkedin.com/company/tribute-media) [Contact](https://www.tributemedia.com/contact)
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Corey Smith",
"url" : "https://www.tributemedia.com/blog/author/corey-smith"
},
"dateModified" : "2018-11-20T05:54:33.630Z",
"datePublished" : "2016-09-01T22:03:00.000Z",
"headline" : "The Website Hamburger Menu",
"image" : [ "https://www.tributemedia.com/hubfs/Blog_Images/the-burger-for-hamburger-menus.jpg" ],
"mainEntityOfPage" : {
"@id" : "https://www.tributemedia.com/blog/the-website-hamburger-menu",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://www.tributemedia.com/hs-fs/hub/481308/file-2402620905.png"
},
"name" : "Tribute Media"
}
}
```
```json
{
"@context" : "http://schema.org/",
"@type" : "LocalBusiness",
"address" : {
"@type" : "PostalAddress",
"addressLocality" : "Meridian",
"addressRegion" : "ID",
"postalCode" : "83642",
"streetAddress" : "136 E. Idaho Ave, Suite 100"
},
"logo" : "https://cdn2.hubspot.net/hub/481308/file-2428216597-png/branding/logo.png?t=1455738794382",
"maps" : "https://www.google.com/maps/place/136+E+Idaho+Ave,+Meridian,+ID+83642/@43.6113059,-116.392652,17z/data=!3m1!4b1!4m2!3m1!1s0x54ae53ede06e5d0b:0x4a48cd478b863e5",
"name" : "Tribute Media",
"telephone" : "Tribute Media",
"url" : "https://www.tributemedia.com/"
}
```
```json
{
"@context" : "http://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Corey Smith"
},
"dateModified" : "2018-11-20UTC5:54:33 AM",
"datePublished" : "2016-08-30UTC3:43:07 PM",
"description" : "The website hamburger menu is a fun way to combine eating and website navigation in one shot.",
"headline" : "The Website Hamburger Menu",
"image" : {
"@type" : "ImageObject",
"height" : "480",
"url" : "http://cdn2.hubspot.net/hubfs/481308/Blog_Images/the-burger-for-hamburger-menus.jpg",
"width" : "1240"
},
"mainEntityOfPage" : {
"@id" : "https://www.tributemedia.com/blog/the-website-hamburger-menu",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "LocalBusiness",
"logo" : {
"@type" : "ImageObject",
"url" : "https://cdn2.hubspot.net/hub/481308/file-2428216597-png/branding/logo.png?t=1455738794382"
},
"name" : "Tribute Media"
}
}
```