search

joshrowley / alexamartinez.com

Alexa's Portfolio
0 stars 0 forks source link

"Hamburger" menu for mobile #49

Closed AlexaMartinez closed 9 years ago

AlexaMartinez commented 9 years ago

If we have time, can we make a menu (situated in right corner) for nav on mobile? "Alexa, About, Contact, Resume" can go into that. Super simple list... nothing crazy. I can make a icon and save it in assets/svg if you think this is something that will not take a lot of time. If not I do like how it is situated now.

Let me know!

joshrowley commented 9 years ago

yeah we can do it

AlexaMartinez commented 9 years ago

assets/img/icons is where you can find mobile-menu.svg! @joshrowley

AlexaMartinez commented 9 years ago

Hover for links: I can format if you show me where... but: [ ] -

joshrowley commented 9 years ago

Do you have a design for this?

AlexaMartinez commented 9 years ago

No, but I can make one real quick

AlexaMartinez commented 9 years ago

I was just imagining the regular nav but vertical, a white background that pulls out with "Work About Contact Resume" stacked. Making a mock right now

AlexaMartinez commented 9 years ago

Try looking at this for a mockup: https://www.dropbox.com/s/ai13a14iewcnv4w/MobileMenu.psd?dl=0

AlexaMartinez commented 9 years ago

Type size can be same as regular nav Flyout width is 220px Text is centered within that Each block is 70px height, with a 1px bottom border of #f5f5f5

AlexaMartinez commented 9 years ago

@joshrowley I'll be out for the night but just shoot me a message if you need help with anything! Thanks a bunch

AlexaMartinez commented 9 years ago

@joshrowley looks great!! can we just have when the user taps outside the menu, it goes away? Idk how easy this is to do.

joshrowley commented 9 years ago

huh, that's weird, i have it written that way, but it only registers the click on the outside body on desktop and not on touch devices, will look into it

AlexaMartinez commented 9 years ago

Thanks a bunch! You da bestttt