Mobile friendly navigation using the Mmenu Module

By adam
Fri, 2015-05-01 06:28
5 comments
Daily Dose of Drupal Episode #206

Share with Others

As a request from David over at luxor.me, we checked out the Mmenu module. This little gem allows you to use various javascript libraries to create a mobile friendly navigation. The navigation it produces is similar to the slide in menus you find side a lot of mobile applications.

Setting up this module isn’t the easiest thing in the world of installations. To get the module fully functioning you need to install the Drupal module plus 4 separate javascript libraries. The libraries and the links to those libraries are included below. Also, if you check out the module page you will see the creator added some basic documentation as well. This is worth checking out.

Word of caution, when you install the jquery.menu library make sure to use version 4.7.5 and NOT the latest 5.0 version. Not entirely sure why the new version doesn’t work, but trust me it doesn’t. Use 4.7.5 and you will avoid an unnecessary headache.

Links:
Mobile Sliding Menu: https://www.drupal.org/project/mmenu
Mmenu Installation Guide: https://www.drupal.org/node/2324017
Jquery.Mmenu (Use Version 4.7.5):https://github.com/BeSite/jQuery.mmenu/releases
hammer.js: https://github.com/hammerjs/hammer.js
jquery.hammer.js: https://github.com/hammerjs/jquery.hammer.js
Icomoon: https://www.drupal.org/files/mmenu-icomoon.tar_.gz
JQuery Update - https://www.drupal.org/project/jquery_update
Mmenu - http://mmenu.frebsite.nl/

Comments

Tung -

Looks like you aren't the only one who has asked this question. You can check out this thread. It looks like there is a patch for your particular issue.

Dude, you are awesome. It's David. Thanks for helping me out. I wanted to write this a long time ago but something was awry with your comment system, which prevented me from leaving comments.

Thanks again.

Post new comment