Finally worked out some quirks on my draft mobile page, like words wrapping around the page. The solution i think was using “translateX” and having the sidebar use “position:fixed”, otherwise it it pushes the content out a bit. Also the content overlaps the header for some reason, so i added “z-index” to up the stacking to 1 on the header, not sure why it didn’t need it before. I’ve edited it too much and probably broke something. Damn, oh well, will look into that later, since it’s late.
You can see the the wrapping problem in the original mockup by someone on the internet:
http://css-tricks.com/off-canvas-menu-with-css-target/
who I think is: https://gist.github.com/Laidlaw/4696017 but not quite sure.
it doesn’t have translate3d, which is apparently faster (I need to look into that). it’s just simple. So here it is, awesome! DRAFT: http://codepen.io/silverham/pen/KwWJZZ (embeded below)
See the Pen cssPanelMenu by Joshua Graham (from Jeremy T) (@silverham) on CodePen.
And the old one is here.
OLD: http://codepen.io/jetpacmonkey/pen/ktIJz
See the Pen cssPanelMenu by Jeremy T (@jetpacmonkey) on CodePen.
Leave a Reply
1 Comment on "Mobile draft 1 completed"
[…] ← Mobile draft 1 completed […]