Banzai Navigation Scaling

  • 4
  • Question
  • Updated 2 years ago
  • Answered
Does the navigation bar have a more scalable friendly mode I'm missing? I copied the Skuid navbar but when you start shrinking the page, the items randomly stack on each other. 

Skuid navbar when page is shrunk:

vs what most modern websites do where it has the three horizontal bars and your navbar is more mobile friendly:
Photo of Craig Rosenbaum

Craig Rosenbaum

  • 4,776 Points 4k badge 2x thumb

Posted 3 years ago

  • 4
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Addressing this is one our biggest priorities.  However, we are concerned that merely colapsing to the hamburger navigation icon is too drastic.  Do you think your users would need some intermediate nav structure?  We've thought that if icons were defined for nav items, and size was constrained - the text could be abandoned and just the icons would show.  Other ideas? 
Photo of Ryan Denis

Ryan Denis

  • 478 Points 250 badge 2x thumb
I've also had this issue which has prevented me from fully using the custom headers so far. I like the idea of showing the icons as an intermediate structure, and then the hamburger nav icon. 
Photo of Craig Rosenbaum

Craig Rosenbaum

  • 4,776 Points 4k badge 2x thumb
I could see icons working, however I feel like people are used to seeing the hamburger navigation now days and it wouldn't be difficult for them to adjust. Personally I wasn't planning on using icons on my navbar so I would prefer it to be option to only show icons when minimized. 

My current app-wide navbar was built on bootstrap and does hamburger at a certain pixel width. I like how that looks, especially on smaller screens. Haven't had a complaint from a user on it either. Switching it over to a banzai master-page built one so I can take advantage of global search. I'm sure you guys will come up with a solution that knocks it out of the park. Just wanted to check if there was something I'm missing. 
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,056 Points 20k badge 2x thumb
Craig, we're aware that Navigation does not "respond" well at present when shrunk to a smaller screen size, we're working on improvements to this.
Photo of Glenn Elliott

Glenn Elliott, Champion

  • 7,738 Points 5k badge 2x thumb
Hey Team Skuid ... any update on this one? +1 for the hamburger approach for me if possible.

Glenn.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
No update,  except that we know it needs to be done.   (Frown) 
Photo of Chandra V

Chandra V, Champion

  • 6,966 Points 5k badge 2x thumb
FWIW, we are not planning on using icons on our nav so would prefer the hamburger approach as well, maybe optional words to show "More" or "Menu" something.  We are using Skuid for our community - only two navs deep so far, so we are looking forward to seeing this come in a future release.  :)
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb
This has been implemented in Brooklyn! So cool.