LaneCommunityCollege / megamenu

JavaScript based mega menu, designed to be added to any of our sites to provide unified navigation.
MIT License
3 stars 1 forks source link

Needs mobile support #1

Open krschmidt opened 9 years ago

krschmidt commented 9 years ago

Currently set to disappear below 740px

krschmidt commented 8 years ago

By increasing support to 720px in https://github.com/LaneCommunityCollege/megamenu/commit/cd437fd6eecc25542ddf4099a8270bdff2a36a7c it's now possible for a site to move to mobile size, but the megamenu doesn't cooperate. Maybe add an option to include a variable for 'mobileView: 680px' and at sizes below that for now it disappears, but in the future it serves as an indicator for when to move to mobile (in which case mobile styles would need to apply based on screen size or class)? oops

krschmidt commented 5 years ago

One problem has always been the lack of a good way to point to open the menu, since the 5 categories won't be there. But, if we were to drop the logo from the megamenu, and make it a hamhurger menu, then add a menu option for Lane home, that'd create a pathway for doing a mobile menu.

krschmidt commented 5 years ago

@mandersj if this gets put on a website that uses a hamburger menu already, will it be problematic to have dueling burgers?

mandersj commented 5 years ago

Yeah... I think dueling burger is better but not by much. The LaneCC foundation using a little gift box. What about just using a "home" icon?

krschmidt commented 5 years ago

Home button would work to swap in for a hamburger right now, but not on mobile, where home would suddenly be everything.

mandersj commented 5 years ago

Right!... Dueling burgers it is. At least the burger indicates "menu" more than dueling logos.

krschmidt commented 5 years ago

To support a swipe to close: http://www.javascriptkit.com/javatutors/touchevents2.shtml