Sticky Mobile-compatible Navigation - GRT Responsive Menu

File Size: 33.5 KB
Views Total: 14193
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Sticky Mobile-compatible Navigation - GRT Responsive Menu

The GRT Responsive Menu jQuery plugin lets you create a fully responsive, mobile-friendly navigation system for your cross-platform web app.

The plugin automatically transforms the navigation into a hamburger menu that reveals a fullscreen menu when toggled.

Also supports multi-level menus based on nested HTML lists.

How to use it:

1. Include jQuery library, grt-responsive-menu.css and grt-responsive-menu.js on the webpage.

<link rel="stylesheet" href="grt-responsive-menu.css">
<script src="" 
<script src="grt-responsive-menu.js"></script>

2. Create the HTML for the GRT Responsive Menu. That's it.

  <button class="grt-mobile-button">
    <div class="line1"></div>
    <div class="line2"></div>
    <div class="line3"></div>
  <ul class="grt-menu">
    <li class="active"><a href="">Home</a></li>
    <li><a href="">About</a></li>
    <li><a href="">Contact</a></li>
    <li><a href="">Blog</a></li>
    <li class="grt-dropdown"><a>JavaScript</a>
      <ul class="grt-dropdown-list">
        <li><a href="">AngularJS</a></li>
        <li><a href="">VueJS</a></li>
        <li><a href="">ReactJS</a></li>
    <li><a href="">More Links</a></li>



  • Fixed on window resize click



This awesome jQuery plugin is developed by grt107. For more Advanced Usages, please check the demo page or visit the official website.