Responsive Navigation Menu Plugin For jQuery and Zepto | PgwMenu

PgwMenu is a responsive jQuery menu plugin that has the ability to turn horizontal navigation into a dropdown if its container isn’t large enough.

jquery hamburger menu, jquery horizontal menu, jquery menu responsive, jquery dropdown menu example

Features

  • Full customization with inline CSS file
  • Responsive navigation menu (desktop and mobile)
  • SEO Compatible
  • Less than 2.5 KB (miniature and compressed)

How to make use of it:

1. Add the basic style in the header section of your page.

<link href="pgwmenu.css" rel="stylesheet">

2. Create Navigation List with HTML Unordered List.

<ul class="pgwMenu">
  <li><a href="#" class="selected">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>
  <li><a href="#">Link 5</a></li>
  <li><a href="#">Link 6</a></li>
</ul>

3. Connect to the plugin with the default settings.

$('.pgwMenu').pgwMenu();

4. Available settings.

mainClassName : 'pgwMenu',
dropDownLabel : '<span class="icon"></span>',
viewMoreEnabled : true,
viewMoreLabel : 'View more <span class="icon"></span>',
viewMoreMaxWidth : 480

Tiny Responsive jQuery Navigation Menu, PgwMenu Plugin/Github

jquery-dropdown-menu-example


See Demo And Download

Official Website(Pagawa): Click Here

This superior jQuery/javascript plugin is developed by Pagawa. For extra Advanced Usage, please go to the official website.

Share