GRT Responsive Menu
GRT Fixed Responsive Menu - jQuery Plugin
Simple and lightweight fixed responsive menu for your website.
You can check the demo here: grt107.github.io/grt-responsive-menu/
Screenshot:
How to use the plugin in your website:
1- Include the plugin stylesheet file grt-responsive-menu.css
inside your <head>
tag
<link rel="stylesheet" href="grt-responsive-menu.css">
2- Include the plugin javascript file grt-responsive-menu.js
inside the <body>
tag and after jquery.min.js
<script src="grt-responsive-menu.js"></script>
3- Replace your <header>
with the code below:
<header> <div class="menu-container"> <div class="grt-menu-row"> <div class="grt-menu-logo"> <a href="#" class="grt-logo"><img src="logo1.jpg"></a> </div> <div class="grt-menu-right"> <nav> <button class="grt-mobile-button"><span class="line1"></span><span class="line2"></span><span class="line3"></span></button> <ul class="grt-menu"> <li class="active"><a href="">Home</a></li> <li><a href="">About</a></li> <li><a href="">Portfolio</a></li> <li><a href="">Blog</a></li> <li class="grt-dropdown"><a>dropdown</a> <ul class="grt-dropdown-list"> <li><a href="">Menu 1</a></li> <li><a href="">Menu 2</a></li> <li><a href="">Menu 3</a></li> </ul> </li> <li><a href="">contact</a></li> </ul> </nav> </div> </div> </div> </header>