--- title: "A Byte-Sized History Lesson About the Hamburger Menu - Blogs on IT Support and Cybersecurity for Small Business" description: "What are those three lines on your mobile app called? It's the Hamburger Menu! Discover its history, why it matters for your business website, and how to use it correctly." url: "https://colemantechnologies.com/blog/a-byte-sized-history-lesson-about-the-hamburger-menu" date: "2026-06-07T04:34:48+00:00" language: "en-GB" --- ## Blogs on IT Support and Cybersecurity for Small Business Insights on cybersecurity, AI, and IT strategy to help business leaders reduce risk, improve performance, and make better technology decisions. [ Categories ](https://colemantechnologies.com/blog/categories "Categories") [ Tags ](https://colemantechnologies.com/blog/tags "Tags") [ Categories: All Categories ](https://colemantechnologies.com/javascript:void(0); "Categories") Search...Suggested keywords [ x ](https://colemantechnologies.com/javascript:void(0);) # A Byte-Sized History Lesson About the Hamburger Menu [Coleman Technologies Blog](https://colemantechnologies.com/blog/categories/blog) [Technology](https://colemantechnologies.com/blog/categories/technology) [Coleman Technologies Admin](https://colemantechnologies.com/blog/blogger/darren-coleman) Monday, 24 November 2025 [ ![A Byte-Sized History Lesson About the Hamburger Menu](//colemantechnologies.com/images/easyblog_shared/November_2025/11-24-25/b2ap3_large_Hamburgmenu_1554414866_400.jpg) ](//colemantechnologies.com/images/easyblog_shared/November_2025/11-24-25/Hamburgmenu_1554414866_400.jpg "A Byte-Sized History Lesson About the Hamburger Menu") It’s a symbol that we’ve all become familiar with in recent years: three horizontal lines, representing the menu of whatever application or website is currently in use. Sometimes appearing as three dots, this little icon can be surprisingly important for both the end user and the business using it… especially now that mobile devices are so commonly used for browsing (early this year, 64% of all website traffic was observed to come from these devices). Let’s talk about why it is so valuable to pay close attention to how your website’s hamburger menu is set up, largely due to its inherent pros and cons. ## First Off, Why the Hamburger Design? To answer this, we need to go back about 40 years, to when the first commercial PC was released. In 1981, the Xerox Star was in production, and designer Norm Cox was tasked with creating a set of icons for the graphical user interface to make the computer more approachable to the average consumer. Many of his designs would look very familiar even now, as some of their elements have persisted. The sheet of paper with a slightly folded corner serving as the new document icon and the manila folder representing the directories where your files are saved are both the result of Cox’s work. Most recognizable today, however, is the simple three-lined icon that we now see on so many websites and apps. A great deal of thought went into the simple design. As Cox said about the process: *“Its graphic design was meant to be very ‘road sign’ simple, functionally memorable, and mimic the look of the resulting displayed menu list. With so few pixels to work with, it had to be very distinct, yet simple.”* While the hamburger menu was relatively short-lived in its initial appearance—replaced in 1987—the hamburger returned to popularity in 2009 with the advent of smartphones and the limited on-screen real estate these devices made available. ## The Pros and Cons of the Hamburger Menu This approach to web design and optimization definitely has its advantages, but there are a few drawbacks to be aware of and prepared to mitigate. ### The Pros **The Hamburger Menu is More Efficient** Remember, the icon came back into fashion because of the extreme limitations of a mobile device’s display. Even now, it isn’t as if many devices can fit *Home About Services Contact Blog* across the top and have them remain legible. The hamburger menu offers a workaround by providing a single button to access these options and all the items categorized under them. **Visitors Have a Better Experience When the Hamburger Menu is Present** Sticking with the theme of accessing everything via a single button, the hamburger menu’s simplified structure makes it easier for users to find what they’re looking for. Without a ton of extra information around to distract them, someone can more easily and precisely scan through a well-organized hamburger menu’s different sections. **You Can Dedicate More Space to Marketing and Promotion While it may not seem like a big deal, any distraction away from your messaging makes it harder for your website to communicate your offering. The less there is to look at (even if you’re just eliminating a line of menu categories), the more impactful your marketing has a chance to be. ### The Cons **You Have to Weigh What Should Be Seen and What Can Be Tucked Away** The thing about tucking something away in the hamburger menu is that it is hidden until someone clicks into it or accesses one of the menu’s sections. Be careful not to hide your most important or lucrative services so your website visitors can find them easily. **They Add More Friction to Your User Experience If you aren’t careful, you could frustrate your online visitors by obscuring your menu *too* much and making it too hard to find. Just as you need to keep your biggest headlines prominently featured, you need to make your menu very visible and straightforward to navigate. Make sure you minimize the number of clicks they have to make to get where they want to go. ## If You Thought the Hamburger Menu Had a Silly Name: When websites and software use three vertical dots, it’s called the Kabob Menu! Impress your friends and colleagues with that tasty tidbit! [ ](https://colemantechnologies.com/javascript:void(0);) [ ](https://colemantechnologies.com/javascript:void(0);) [ ](https://colemantechnologies.com/javascript:void(0);) Tags: [Software](https://colemantechnologies.com/blog/tags/software) [Mobile Device](https://colemantechnologies.com/blog/tags/mobile-device) [Tech Term](https://colemantechnologies.com/blog/tags/tech-term) [×](https://colemantechnologies.com/javascript:void(0);) Stay Informed When you subscribe to the blog, we will send you an e-mail when there are new updates on the site so you wouldn't miss them. Your Name E-mail Address [ Your Digital Life 101: The Difference Between Crea... ](https://colemantechnologies.com/blog/your-digital-life-101-the-difference-between-creating-an-account-and-logging-in) [ Why Your $50 Router Is Strangling Your Profits ](https://colemantechnologies.com/blog/why-your-50-router-is-strangling-your-profits) About the author [ ![Coleman Technologies Admin](https://colemantechnologies.com/media/com_easyblog/images/avatars/author.png) ](https://colemantechnologies.com/blog/blogger/darren-coleman) [Coleman Technologies Admin](https://colemantechnologies.com/blog/blogger/darren-coleman) [ ](https://colemantechnologies.com/blog/blogger/darren-coleman) Author's recent posts [More posts from author](https://colemantechnologies.com/blog/blogger/darren-coleman) [ Tuesday, 05 May 2026 Darren Coleman Featured in Boss Today on AI Literacy and Human Judgment ](https://colemantechnologies.com/blog/darren-coleman-bosstoday-ai-literacy) [ Monday, 06 April 2026 How Cloud IT Services Are Transforming Business Continuity ](https://colemantechnologies.com/blog/how-cloud-it-services-are-transforming-business-continuity) [ Monday, 06 April 2026 Darren Coleman Featured in USAWire on Why Businesses Need an AI Strategy ](https://colemantechnologies.com/news-a-events/darren-coleman-usawire-ai-strategy) ## Schema ```json { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://colemantechnologies.com" }, { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://colemantechnologies.com/blog" }, { "@type": "ListItem", "position": 3, "name": "Coleman Technologies Admin", "item": "https://colemantechnologies.com/blog/blogger/darren-coleman" }, { "@type": "ListItem", "position": 4, "name": "A Byte-Sized History Lesson About the Hamburger Menu", "item": "https://colemantechnologies.com/blog/a-byte-sized-history-lesson-about-the-hamburger-menu" } ] } ```