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
-1
votes
1 answer

Does android apps without hamburger menu exists?

We trying to decide on the main navigation structure for our app. I have read all there is about the disadvantages of the hamburger menu (aka side-menu, drawer). The use of a visible navigation bar (instead of the hamburger menu) makes sense and it…
Yaron Levi
  • 12,535
  • 16
  • 69
  • 118
-1
votes
1 answer

css : hamburger menu should scroll individually

Following is plunker link : http://plnkr.co/edit/peQEGK4mNiPBqlknrO6V?p=preview when page loads hamburger menu should be closed and when we click on icon it should open and scroll individually. I dont want to use hamburger.js . Without that how to…
Priya
  • 1,453
  • 4
  • 29
  • 55
-2
votes
1 answer

How to create and animate an uneven hamburger button into an X button with CSS only?

I want to create an uneven hamburger button like this: and transform/animate it into an X button, on click: Of course, with CSS only. How to do it? (maybe a trivial question but I am far from a CSS expert)
Huqe Dato
  • 235
  • 1
  • 16
-2
votes
1 answer

Closing burger-menu with a swipe

So I don't really know javascript that well and I have a project deadline coming up and I already did the opening with a click, but I need it to close when you swipe it. so if someone knows please just tell me what to do and NOT start explainig…
Myrodis
  • 75
  • 6
-2
votes
1 answer

five line hamburger, pure css

I am trying to create a five line "hamburger" (more like a triple decker hamburger) menu using pure css and div's like this, but with five lines instead of just three: (I really don't want to change up the approach unless you have the complete code…
mountainclimber11
  • 1,339
  • 1
  • 28
  • 51
-2
votes
2 answers

Bootstrap 4 toggle button (hamburger) is not working in fresh Laravel 7 project

I installed a new laravel 7 project with auth and created a simple template with bootstrap studio. After integrating the template into the laravel project everything runs perfectly, except for the toggle menu (hamburger), which does not expand. The…
wentzien
  • 7
  • 3
-2
votes
2 answers

Responsive hamburger menu not working on mobile safari

I have been going in circles looking for a solution to a problem I never thought could exist in 2019. I am busy building a site and made use of the Hamburger menu for smaller screen sizes. Everything looks good in Google Dev tools for multiple…
3otes
  • 11
  • 1
  • 5
-2
votes
1 answer

JQuery - Hamburger menu creation with animation

hamburger
Hey guys I'm trying to create a hamburger menu like the menu in this link that I provided. i have nothing only html. And I don't know hoe create this? You guys can help me I think. Did you…
Sarath P.S
  • 7
  • 4
-2
votes
3 answers

Bars in burger menu buttons are vertically centered without CSS

I'm making a CSS based burger menu button, and I noticed that the bars are vertically centered by default. Inspecting and playing around with the bars' margin keeps the elements vertically centered. But if I try the same code and replace…
DriftingSteps
  • 526
  • 1
  • 7
  • 23
-2
votes
1 answer

Floating Div Causing Trouble

I seem to have gotten into a peculiar problem with a floating div. The example of the div is at this website What i am unable to accomplish is to convert the menu contained in the div into a responsive stackable burger menu. I'll really appreciate…
Sumit Malhotra
  • 1
  • 2
-2
votes
1 answer

Keeping the main form tidy - conventions

This is not a question about coding per se but about good practice in code structure. I'm currently building a WinForms application and already after a few hours in, my main form contains 130 lines of code. That might not be much but this only…
momo
  • 119
  • 3
  • 10
-2
votes
1 answer

Why does my phongap app show a hamburger icon in the android status bar?

I can't find out why my phonegap app is adding an icon on my android status bar. The icon is like a hamburger icon with four stacked straight horizontal lines with the one on top being slightly longer and to the left of the equally-sized others. …
Ramon Saguna
  • 47
  • 7
-3
votes
1 answer

No instance(s) of type variable(s) T exists so that integer conforms to EventType

Im not super advanced at Java but im learning how to use the Lambda expresions. But i have an error in my code that i cant seem to fix by googling it. Can someone point me in the right direction. @FXML private JFXHamburger…
mazeyarr
  • 19
  • 1
  • 6
-3
votes
2 answers

Showing hamburger icon on a custom toolbar?

I made a NavigationView and included getSupportActionBar().setDisplayHomeAsUpEnabled(true);in my code to show the hamburger button, and it worked. but then i removed the default toolbar (by setting AppTheme in styles values to…
MrChips
  • 11
  • 2
  • 6
-3
votes
1 answer

Hamburger menu is not appearing

I've created a contact page with the contact form, but my hamburger menu is not appearing when I preview site on mobile devices. The hamburger is working on the other pages, exept contact one. And here is my code: …
Arina
  • 63
  • 3
  • 13
1 2 3
…
48
49