The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › RWD off-canvas multi-menu
I’ve been playing around with off-canvas RWD (multiple) menus. It’s always bothered me that the sidebar menu gets bumped to the bottom of the page. So, I want to find a solution that makes sidebar menus more accessible to the user on a small screen.
Please let me know what you think about this approach: http://codepen.io/dganoff/full/vBnsH
I know there needs to be some more differentiation between the main menu and the aside menu, but the concept is there.
Thanks!
This type of thing has been dubbed “Off Canvas” design, starting here: http://www.lukew.com/ff/entry.asp?1569
My take: https://css-tricks.com/off-canvas-menu-with-css-target/
More: http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/
You’re is nice though in how it handles two levels of nav!
Thanks Chris! Super quick response time!