HR Navigation Responsive Menu
HR Navigation Responsive Menu for all type of Web Applications, NATIVE Mobile App with very less code and easy to implement with all possible options
Features
- Responsive all devices support
- Handle events with 2 option (Click and Mouseover)
- All major browsers compatible
- Toggle from left side and top side
- Multilple open menu option (Open one at a time or multiple)
- Equal width of menu list on Desktop
- Custom speed option
- LESS compatible
- Lightweight js only (2 kb)
Live Demo
Documentation
Include these files mandatory
- <link rel="stylesheet" href="hr.nav.res.menu.min.css">
- <script src="1.11.2.jquery.min.js"> </script>
- <script src="hr.nav.res.menu.min.js"> </script>
HTML
<nav class="hr-nav-wrapper">
<div class="navigation hr-navigation">
<ul>
<li> <a href="#">Nav 1</a > </li>
<li> <a href="#">Nav 2</a > </li>
</ul>
</div>
</nav>
jQuery
$(".hr-nav-wrapper").hrNavMenu({
speed:800,
menuType :"fromLeft"
});
Mobile Device Demo