GRT is a simple and lightweight fixed responsive menu jquery plugin for your website.

Menus Plugins Responsive

Documentation

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:

Alt text

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>

You May Also Like