I was looking for some elegant solutions to display a sidebar menu, and I found a few sites that use the same pattern: instead of moving the whole sidebar menu under the main content on smaller screens (like many sites do), they kind of transform if into an accordion hidden near the page title:
A few examples:
- http://www.uchicago.edu/about/breakthroughs/
- http://www.stonehill.edu/about-stonehill-our-mission/college-leadership/
- http://www.clemson.edu/admissions/
I was wondering if this is a good idea. I can see one big issue which is will the user understand the "burger icon" and find the hidden sidebar navigation here? On the other hand, it helps gain some space AND the user does not have to scroll through the whole content if he need to goo deeper and look for sub pages nested in this sidebar menu.
So I'm curious, what's your take on that one? Could it be improved?