Very nice! Any idea how I could modify it so when the button is pressed and it slides downwards that it pushes the body content down with it as well? I'm afraid the menu might cover up important header text, so I'd like it to push everything down.
Hmm. I think you might be able to make that work if instead of positioning the banner off the page like I'm doing, you set its original height to something like 10 or 20px, then with :target--you can optionally swap that with :hover--you make the banner appear to slide down with padding-top: 40px;. I wonder if the banner being position:fixed; has the same effect as being absolutely positioned ..., but I think the padding trick could work.
Twitter Bootstrap does exactly what you're talking about. Brad Frost talks about this in his writeup about responsive navigation patterns. Here's a link: http://bradfrostweb.com/blog/web/responsive-nav-patterns/#toggle
Nice, I really like it!
Nice! I really appreciate the descriptive comments!
Need to know how to enable it? Go here.