Skip to content

Droplet is a customisable, responsive navigation plugin aimed at simplifying and standardising navigation across multiple devices.

Notifications You must be signed in to change notification settings

invmatt/Droplet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 

Repository files navigation

Droplet

Droplet is a customisable, responsive navigation plugin aimed at simplifying and standardising navigation across multiple devices.

Download

Droplet should be downloaded from the releases section. All other versions commited should be treated as incomplete / not suitable for production.

Usage

$.droplet('#selector');

$.droplet('.navclass', { 'subNav': true, 'subClass': '.subclass', 'smallScreen': '767', 'largeScreen': '768' });

Extend

'buttonID': 'droplet-menu',      // The default button ID
'mode': 'droplet-responsive',    // Class added once the smaller breakpoint has been reached
'smallScreen': '768',            // Width the responsive nav should begin
'largeScreen': '769',            // Width the responsive nav should end
'Modernizr': true,               // Adds support for Modernizr Media Queries (recommended)
'subNav': false,                 // If you have sub-navigation set this to true
'subClass': '',                  // Class of the containing sub navigation UL
'panel': false,                  // Create a panel style menu
'panelPosition': '250'           // Width the panel should be (if panel is true)

Demo

Coming soon

About

Droplet is a customisable, responsive navigation plugin aimed at simplifying and standardising navigation across multiple devices.

Resources

Stars

Watchers

Forks

Packages

No packages published