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

Hamburger menu - background color delay (bootstrap4)

I started coding a couple of months ago and i'm almost done with a basic portfolio site. The issue I can't work out is the hamburger menu background. I've managed to give the menu a background colour with CSS, but when clicking on it, the menu…
Mike Treeves
  • 11
  • 3
-1
votes
2 answers

Hamburger javascript animation doesn't work: "unexpected token"

So this is my first post here and sorry if I'm not very precise but I'm quite new in the coding world. Can somebody explain me why the Javascript code that I added at the end of my html doesn't work? Basically I want my hamburger to animate on…
kike89
  • 1
  • 1
-1
votes
1 answer

Show flyouts from hamburger button

I would like to show a flyout from an hamburger button... like it happens into Windows 10 logout (see the picture). It's possibile?!? Jessica thanks for your reply but in my code where I can put yours!?!
Blasco73
  • 2,980
  • 2
  • 24
  • 30
-1
votes
1 answer

Bootstrap hamburger menu not collapsing on iOS Safari

I'm working on a little personal website project and slowly improving my terrible skills. I've got my site to a point I'm happy with although on mobile (iOS Safari), when I expand my hamburger menu, it won't collapse again upon touching the button…
BLL27
  • 921
  • 5
  • 13
  • 27
-1
votes
1 answer

Hamburger menu not toggling/clickable

So I have loaded the bootstrap.js as well as the jQuery.js file in external resources. I wonder why I am not getting the hamburger menu to toggle/dropdown on click. Here is the fiddle link for the same…
ross
  • 57
  • 1
  • 12
-1
votes
1 answer

change menu by clicking - Bootstrap

I want to have a Dashboard menu. If i click the burger icon, the menu have to change like on the pictures. From this: To this: Here is my code: HTML
-1
votes
2 answers

Reposition Hamburger Menu CSS

Hi I'm using an html5 off canvas menu that i got here ---> http://callmenick.com/_development/material-menu/ In the css the hamburger menu is set to be fixed at the top left of the page. I want to change that and be able to place the hamburger menu…
Terrell Anderson
  • 53
  • 1
  • 7
-1
votes
1 answer

Why isn't this jQuery hamburger button working?

I've adapted a tutorial found here and am having trouble getting it to work correctly. The goal is to have the whole page slide out to the left to reveal a navigation menu. Right now I'm just focused on getting the animation to work. The HTML:
user5775606
-1
votes
1 answer

Hamburger menu not functioning

I've gotten sort of close with this hamburger menu but it's still not functioning. Any help would be great. (I'm sure it's obvious but forest for the trees and all that.) To a newb, it seems like my js isn't functioning/triggering/whatever the…
Chris
  • 113
  • 8
-1
votes
1 answer

How to change hamburger menu icon when clicked?

Okay so I have a hamburger style menu that uses the normal 3 line icon but I'd like it so when you click it the icon changes to a cross. How would I achieve this? How would I structure the JavaScript? HTML:
-1
votes
1 answer

Hamburger Menu Positioned in Bottom Footer, not centered

I have a project I'm working on that's here (www.theivyproject.com/designlab001) I have a hamburger menu for the footer, once the menu appears, the hamburger is not centered, it's aligned to the left. How can I center this?
Montier Kess
  • 69
  • 8
-1
votes
1 answer

Display Hamburger Menu on iPad (or other tablet) in landscape mode

I'm working on a WordPress website. My issue is that on iPad landscape mode the navigation menu is displayed under the logo. What I need is to display the "hamburger menu" on landscape too, as per the second image.
Antonioz
  • 151
  • 2
  • 18
-1
votes
1 answer

Jquery Sliding Side Menu Solutions?

I need a sliding / side menu, replicating the one on the right hand side here without using the ionic framework. The positioning and height is what I need, and fact it overlays other content and doesn't have any sort of fading effect as seen on…
fitzilla
  • 915
  • 1
  • 9
  • 11
-1
votes
3 answers

My animated hamburger menu isn't working

I have been creating this app for a project at school and I am just trying to get my head around jQuery. I found quite a good example here. Which I have been trying to embed and use as a menu button for my slider. I am having trouble getting the…
Matthew Arnott
  • 11
  • 2
-1
votes
1 answer

Three Line Icon/Hamburger Icon style like google chrome toolbar

Hi I need some help to show hamburger icon as it is in google chrome tool bar. I used unicode character ☰ to display the icon which is kind of fine but I need some help on its styling. esp - when you hover on the icon on chrome it's get…
Lalit_Test
  • 113
  • 8
1 2 3
…
48 49