Off-Canvas Menu

This module allows the easy creation of a menu for off-canvas use.

We use this with Foundation's off-canvas functionality, but it should be easily usable with any sort of off-canvas navigation library as it's primary purpose is simply to output the menu itself regardless of the container it's in.

You can configure which menu(s) you want to be combined into the off-canvas menu, and what jQuery selector to use to find the menu's container.

After the page loads, jQuery will request the off-canvas menu from the site using AJAX and add it to its container dynamically. This avoids there being duplicate navigation items in the initial HTML output on the page, and saves page load time (especially for sites with larger menus).