Simple and lightweight fixed responsive menu for 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>