HC Off-canvas Nav

This module allows for the integration of the JavaScript library for creating HC Off-canvas multi-level navigations with Drupal.

FEATURES

• Multi-level menu support
• Endless nesting of navigation elements
• Push/Slide DOM elements of choice
• Touch swipe gestures
• Different navigation positions
• Flexible, simple markup
• A number of exposed Options, Methods and Events
• Customizable Theme
• Cross-browser compatibility
• Full ARIA keyboard support
• The tab key loops through all of the keyboard focusable items within the offcanvas navigation
• You can close it using Esc

REQUIREMENTS

This module requires the following jQuery library for Drupal core:

* https://github.com/somewebmedia/hc-offcanvas-nav/releases

RECOMMENDED MODULES

1. font-awesome module
2. fontawesome_menu_icons module

INSTALLATION

This package can be installed with:

Npm

* [npm](https://www.npmjs.com/package/hc-offcanvas-nav): `npm install --save hc-offcanvas-nav` in your Libraries Docroot.

Manual method:

The only library required by this module is the https://github.com/somewebmedia/hc-offcanvas-nav
plugin. You need to download [latest release](https://github.com/somewebmedia/hc-offcanvas-nav/releases) the library and place it in `/libraries` root directory (create the libraries directory in your Drupal). Rename the newly-downloaded directory to hc-offcanvas-nav,
so your path will be `/libraries/hc-off-canvas-nav`.

CONFIGURATION

1. Navigate to Administration > Extend and enable the module.
2. Go to Administation > Structure > System > Configure Menu Setting to your need.
3. Go to Administation > Structure > Block layout > select and add a HC Off-canvas multi-level navigations block to a region.