Stack Overflow
Stack Overflow

Questions tagged [hamburger-menu]

An off-screen menu activated by an icon with three horizontal lines.

A UX pattern common on mobile devices, involving a three line icon used to indicate the presence of an off-screen menu. Activating the icon shows the off-screen menu. This has been described as an anti-pattern in some circles.

Example of StackOverflow's hamburger menu:

  • Hamburger Off (menu hidden):

enter image description here

  • Hamburger On (menu visible):

enter image description here

When clicked, the top and bottom lines angle towards the opposite end and the center line becomes hidden. The Home column interface then becomes visible.

Hamburger Menu UX Discussion

730 questions
88
votes
7 answers

What is the hamburger menu icon called and the three vertical dots icon called?

Google and some other developers have introduced us to what some have called the hamburger menu button and now the 3 vertical dots button or vertical ellipsis. What is the official name of these buttons/icons? It would be nice if developers could…
Jeff Baker
  • 1,492
  • 1
  • 12
  • 15
63
votes
3 answers

How to add hamburger menu in bootstrap

I need some help with bootstrap nav. I want it to be toggled via a hamburger icon on mobile. Here it is on codepen: http://codepen.io/sadman/pen/hfGwv (link invalid) .navbar, .navbar-inverse { border-radius: 0; border: none; …
sadmansh
  • 917
  • 2
  • 9
  • 21
19
votes
4 answers

Get Toolbar's navigation icon view reference

I would like to highlight drawer icon in my Toolbar (working on a tutorial). For that, I need its position. How do I get a reference to drawer's navigation icon (hamburger) view?
Singed
  • 1,053
  • 3
  • 11
  • 28
16
votes
6 answers

Changing Navigation drawer hamburger icon

I am trying to change hamburger menu icon for NavigationView but I am unable to do so. Here is what I have tried so far I have a base activity where nav drawer setup is done. Here is relevant piece of code @Override protected void onCreate(Bundle…
Abhishek Bansal
  • 5,197
  • 4
  • 40
  • 69
14
votes
4 answers

Catastrophic failure (Exception from HRESULT: 0x8000FFFF (E_UNEXPECTED)) in visual studio

I attempted recreating the Hamburger menu for a uwp application I am creating by following the instructions on a GitHub page. Everything was going on well till I encountered the error "Catastrophic failure (Exception from HRESULT: 0x8000FFFF…
Tolani
  • 499
  • 2
  • 9
  • 27
12
votes
2 answers

Hamburger menu spin to arrow on new activity

I've noticed that with the more recent Gmail updates for Android, when you click on one of your emails, a new Activity opens (I'm assuming it's not a fragment because of the back arrow). The new activity's back arrow does not just appear as they do…
davidchuyaya
  • 3,960
  • 2
  • 16
  • 26
10
votes
3 answers

Burger menu using bulma on React not working

I am new to react. Im trying to make a navigation in my header. i use bulma css : "bulma": "^0.7.4", And i import bulma file like this: import 'bulma/css/bulma.css'; It is working for the most of the css but not with burger menu, the menu is not…
rizesky
  • 424
  • 6
  • 13
10
votes
1 answer

Clicking hamburger icon on Toolbar does not open Navigation Drawer

I have this nav drawer which was working perfectly fine. Refactoring my code I removed all onOptionsItemSelecteds in activities and made all activities inherit from a base activity which extends AppComplatActivity and implements all the necessary…
Fatima
  • 869
  • 10
  • 35
9
votes
3 answers

Xamarin.Forms Hamburger Menu Icon gone after Update to Xamarin.Forms 2.2

After I updated my Xamarin.Forms project from Xamarin.Forms 2.0 to Xamarin.Forms 2.2, the Hamburger Icon is gone. I've googled without luck, has anybody experienced the same issue?
The Chris
  • 591
  • 6
  • 19
9
votes
4 answers

Where do I get a "3 horizontal lines" symbol for my webpage?

I'm trying to figure out how to get this symbol on my webpage: What is the symbol called? Is there a way to get it on my webpage like there is to get the ▾ by using ▾ Thank you in advance.
INeedHelp
  • 141
  • 1
  • 1
  • 8
8
votes
0 answers

How do I create an off canvas menu w/ Bulma

How do I make a sliding vertical navbar using Bulma components? I can't find one in the Bulma docs. I believe they are often called "off canvas" menus or "hamburger" menus. There is a horizontal one but I'd prefer a vertical, left side style like…
backspaces
  • 3,802
  • 6
  • 34
  • 58
8
votes
1 answer

when set app:elevation="0dp" then hamburgermenu not showing to toolbar

Hi I wanted to remove the below shadow of toolbar for that I have used elevation property, Currently my code is
Shree
  • 787
  • 8
  • 23
7
votes
1 answer

Update layout constraints programmatically without IBOutlets - Swift

I'm trying to make a slide out menu by changing the left anchor constraint when the "open" button is tapped. I've seen people do it using IBOutlets on the constrains, but the view I'm working with is made completely programmatically, preventing me…
yambo
  • 1,388
  • 1
  • 15
  • 34
7
votes
3 answers

Add hamburger button to React Native Navigation

I'm very new to React-Native so I definitely may be missing something. But all I want to do is add a hamburger type button to a settings page in the main Navigation bar. I have set up a link in the main part of that works the way I want hamburger…
NoxiousFox1102
  • 71
  • 1
  • 1
  • 2
7
votes
1 answer

Unicode ☰ hamburger not displaying in Android & Chrome

I noticed that my hamburger menu icon has stopped displaying in Chrome for Android and also, in the Android browser now I simply get the missed icon image. It still works in all desktop browsers, in Safari and on Windows phone browsers. I've created…
T W
  • 439
  • 1
  • 6
  • 15
1
2 3
…
48 49