off-canvas example?
Closed this issue · 5 comments
Hi @gpspake,
I'm just checking out grunterie, it looks great so far. Am considering using it as the basis for a series of student projects this fall (we used to use required+ but this is much cleaner, actually).
In a couple of places o nthe web you've talked about offcanvas menus for grunterie. Do you have any code snippets to share? Thanks,
Matt
I plan on putting a the demo site up at some point that would include an off canvas example but I'm really busy right now so I'm not sure when that will be. (It will happen though.)
Foundation off canvas, as I would use it, is a little tricky because, if you want to have a top-bar that turns in to off canvas, you essentially have to have 2 navigation menus. You can look at the source of the Foundation docs page to see what I mean. They use a top-bar that gets hidden on small and the off canvas tab-bar that shows on small. This bothers me - but that's how Zurb does it and it works.
If you really want to use off canvas, you can look at how zurb has set the docs page up and edit the header.php and footer.php to do the same thing. That's what I did when I used it but we ended up going with the plain ol' top-bar for several reasons.
I haven't checked off canvas out for the last few Foundation updates but, there are some things that I don't like about it that have prevented me from using it in the past. For instance, it just doesn't work with sticky navigation and it doesn't scroll independently. I think there have been some improvements but I don't know if these things have been fixed.
I've been meaning to look around for alternative off canvas solutions that I might be able to tie in. Off canvas is a really cool design feature but it's one that tends to be prone to quirky behavior.
Not that this is a perfect example or anything. But a while back, I did eastmemorial.org with an off-canvas for small screens. Maybe it will help. It was based on reverie, so nothing significant should change for grunterie. Hope that gets you in the right direction at least.
@jamzth Thanks for the example; it looks nice. And @titaniumbones, sorry for letting this go.
I've used foundation's off canvas nav with reverie before but there are some things I don't like about it's behavior so I've been using my own version of another off-canvas library.
I don't know if off canvas in the scope of this theme because I want to keep it as simple and as close to Reverie as I can, but I did intend to get an example up at some point so I don't want to close this issue out yet. I've just been busy.
@gpspake do you want my example and tweak to for the example you want out there? That'll close the issue, help @titaniumbones, and possibly easier on you.
I'm going to close this issue since I've left it open for a while now. For the sake of keeping the theme as simple, un-opinionated and similar to Reverie as possible, I think including some sort of off canvas option is outside of the scope of the project. @jamzth If you want to post your approach somewhere, it might be helpful to others.