A repository of over 1000 quality jQuery plugins

jQuery Hc Mobile Nav

Hc Mobile Nav is a jQuery Responsive & Drawer plugin.

Created by Somewebmedia

jQuery plugin for converting menus to mobile navigations

Not what you're looking for? Click here to view more Responsive & Drawer jQuery plugins


jQuery plugin for converting menus to mobile navigations.


Call the plugin

<script src="/path/to/jquery.js"></script>
<script src="/path/to/jquery.hc-mobile-nav.js"></script>
            maxWidth: 730

Example HTML menu structure

<nav id="main-nav">
    <ul class="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
            <a href="#">Services</a>
                    <a href="#">Hosting</a>
                        <li><a href="#">Private Server</a></li>
                        <li><a href="#">Managed Hosting</a></li>
                <li><a href="#">Domains</a></li>
                <li><a href="#">Websites</a></li>
        <li><a href="#">Contact</a></li>


Property Default Type Description
maxWidth 980 int Resolution on which to show the mobile menu, and hide the regular.
labels {close: 'Close', next: 'Next'} object You can cusomize your own text for close and next links.

You might also like these other Responsive & Drawer jQuery Plugins

  • hiraku

    “hiraku” means “open” in Japanese. As you can imagine, “offcanvas-menu” is like a drawer and it is of...

  • JQuery MobileNav

  • LayerNav

    A small, jQuery-powered navigation menu for mobile and up