Code Karate

Mobile friendly navigation using the Mmenu Module

Tags:
Daily Dose of Drupal Episode #
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/