Download Follow @grt107

GRT Fixed Responsive Menu - jQuery Plugin

Simple and lightweight fixed responsive menu for your website.

How to use the plugin in your website

1- Include the plugin stylesheet file grt-responsive-menu.css inside the <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 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>