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

Codenameone theming sidemenu

How to change the background color and set the UIID of the sidemenu (Hamburger menu)? I changed all of the items from theme.res but no luck. I use the new sidebar API: f.getToolbar().addMaterialCommandToSideMenu("Google", FontImage.MATERIAL_WEB, e…
squallbayu
  • 208
  • 2
  • 10
2
votes
3 answers

UWP Navigation Pane Issues

I am looking for a way to create a navigation pane using SplitView and other XAML controls. I have tried creating something like the code below, but I failed as the controls aren't placed precisely in the center (vertically). Also the buttons have…
GeeVooL
  • 172
  • 10
2
votes
0 answers

Xamarin.Forms - How to open sub menu after clicking on MenuItem in MasterDetailPage

I am new to Xamarin.Forms. What I am trying to do here is to open pop-up with sub-items after clicking on the MenuItem. I am using MasterDetailPage, and this is the code I have done so far. With this one, I have my sub-item menu always visible.…
Ilija Rushkovski
  • 125
  • 1
  • 10
2
votes
2 answers

Hamburger menu css cursor

I was playing around with hamburger menu using CSS only. One thing that I encounter is the cursor pointer. When I hover the cursor over the hamburger button, it wouldn't change to pointer if it was between white lines. It only works when it hover…
Daniel Saavedra
  • 47
  • 6
2
votes
1 answer

hamburger-menu button missing when using tabs?

I want to use the hamburger menu and tabs below. Actually I use the CoordinatorLayout for the hamburger menu and the AppbarLayout (with a toolbar and the Tablayout) for the tabs. Both parts work - but when I combine them, I can't see the hamburger…
Mel
  • 23
  • 3
2
votes
0 answers

change drawer menu Icon to Back Icon from Fragment

Actually I was using One MainActivity and multiple Fragments attached to it. I want to change Navigation Drawer Menu Icon of toolbar from certain fragments as back icon.And set back pressed event for that icon. here is my code drawer =…
Uma Achanta
  • 3,669
  • 4
  • 22
  • 49
2
votes
1 answer

Getting Error in class android.support.design.widget.NavigationView

i am developing an application in android in which i want to implement hamburger menu. i am developing in mac os using eclipse Mars.2 Release (4.5.2) and using android.support.design.widget.NavigationView library.support design library and support…
Software_developer
  • 262
  • 4
  • 14
2
votes
1 answer

Navigation drawer: unable to show the back icon instead of hamburger icon on the toolbar in the children activities

I am using the DrawerLayout with the v7 Toolbar, and I want to show the hamburger icon in the main activity, and the back icon in the children activities. I am not able to do that, the hamburger icon is always shown, also in the children…
Giacomo M
  • 4,450
  • 7
  • 28
  • 57
2
votes
1 answer

Codename One Right side menu shadow is flipped

I've noticed using the latest build of Codename one. When my sidemenu (hamburger menu) is on the right hand side, the shadow image is flipped. Seems to be the case on the simulator and Android and iOS. I seem to remember I had to put in a work…
peopletookallthegoodnames
  • 2,135
  • 2
  • 18
  • 26
2
votes
1 answer

UWP Template10 Hide hamburger button when menu is open

I want to hide hamburger menu button automatically in order to display menu from the top to the bottom of the page. For this purpose I tried to bind HamburgerButtonVisibility to IsPaneOpen property:
Sergey Mozhaykin
  • 192
  • 1
  • 10
2
votes
2 answers

Codename One Back Command on left and Menu on Right

i am trying to make an app in Codename one where i want to create a handburger menu on the right side at the top of the screen and a back button on the left side, but cannot get it to work I know it can be done where you have a handburger menu on…
Thomas Wix
  • 83
  • 6
2
votes
1 answer

Drawer toggle not animating after Fragment replacement

I have an activity with a navigation drawer that works as it should. The only problem is that the hamburger menu doesn't animate after the first fragment replacement. public class Main extends AppCompatActivity { // lots of…
Karim Kouznetsov
  • 513
  • 1
  • 3
  • 13
2
votes
0 answers

How do I create a hamburger or Glasswire-style menu in WPF and MahApps?

Ideally it should look like something GlassWire app has (top left corner): It behaves just like an application icon system menu but is more obvious and customizable. Specific problems I have are: 1) How do I add a title-bar friendly hamburger menu…
Den
  • 1,827
  • 3
  • 25
  • 46
2
votes
0 answers

Left positioned item on iOS gets larger on iframe

I've implemented a simple left-pull burger menu in a mobile webpage that lives inside an iframe. However, it's behaving strangely on iPhones. We are using Bootstrap for the general page layout and stuff. Using WeInRe I've noticed the following…
igorsantos07
  • 4,456
  • 5
  • 43
  • 62
2
votes
1 answer

iOS SearchBar and SeachDisplayController misplacement

I need to use a searchbar but I use this code : self.searchBar = [UISearchBar new]; _searchBar.frame = CGRectMake(0, 0, 200, 44); _searchBar.searchBarStyle = UISearchBarStyleMinimal; _searchBar.placeholder = @"Search stores"; _searchBar.delegate =…
Csabi Vidó
  • 146
  • 1
  • 12
1 2 3
…
48 49