Free Responsive Navigation Menu using CSS and jQuery
After long time, I’m going to share a new post which I found recently in github and it was very help to me in my earlier project. Now a days, all the website owners are updating their sites to responsive due to increase in mobile usage by people all over the world.
Here is the responsive menu using css and jQuery which I used in my website project. Its called okayNav menu
This menu automatically collapse into off-screen navigation as well.
<header id="header"> <a class="site-logo" href="#"> Logo </a> <nav role="navigation" id="nav-main" class="okayNav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Shop</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contacts</a></li> <li><a href="#">About us</a></li> <li><a href="#">Testimonials</a></li> </ul> </nav> </header>
You need to use jQuery plugin inorder to get the swipe effect
Credit – https://github.com/VPenkov