Mobile Navigation version 2.x

Documentation in progress. Mobile Navigation version 2 is still in testing phase. Feel free to edit.

Welcome to the Documentation for the New version of Mobile Navigation Project.
Version 2.x has a lot of new features added to the ones included in the version 1.x, plus a refactoring of the code and the configuratin aproaches, making it a lot better in term of speed, performance and stability.

Features in version 2.x:

• More than two displays. (multiple breakpoints)

  Mobile Navigation 2 allows us to define different configurations for different displays on each menu.
  For example, we might need the Left Drawer effect with a 40% width for a tablet landscape view, the Top drawer effect with the 60% for the tablet portrait and for the mobile 75% with the expand in place effect.

• Multiple menus with different configurations

  The ability to make two or more drupal menus responsive. You can define configurations to transform multimple menus on one same display.

• Multiple breakpoints creating various displays.
• Multiple configuration for the same menu on different displays.
• Multiple menus transformed at the same time in the same page.
• Various plug-ins for menu navigation and menu show/hide effect.
• Allow to customize menu width.
• Have a button and a tab handler attached to the menu
• Renders menu button on a block so it can be placed in any page region.
• Customize titles in Tab Handler and menu Button.
• Easy to use the ☰ character.
• Enable or disable a shadowed clickable mask over contents when menu is expanded.

Changes in a technical level

if you are not a programmer and simply want to use the module, you can ignore this and move on to the instalation and configuration page. All you need to know is that v2 is much better than v1 in terms of performance and beauty.

• Menus are not cloned with JS like it used to be in version 1. Instead of that, menus are rendered in the server side and sent within the HTML when the page is loaded.
• The module uses Drupal cache system so it doesn't have to render menus on every request.
• No more need to define media queries. Only a number that represents a breakpoint has to be defined for each needed display.
• mobile_menu.js file 280 lines lighter. Plugins defined in separated objects making it a lot easier to add new plugins in the future.