- Fully Responsive and Bootstrap compatible.
- Collapsible sidebar on toggle click. You can also set your custom breakpoints.
- Awesome looks (Available in 5 skins and colors).
- Wide View support. (Full Screen sidebar)
- Vector Icons (font Awesome 4.3.0 included)
- Show on Hover Mode implemented with a single option.
- Fixed Menu variation (Slimscroll Integrated).
- Content Styles. (Shrink, Push and Overlay mode)
- JQUERY UI Animations (Drop, Pulsate, Clip, Explode etc..)
- OFF-CANVAS Ready (Using options)
Best jQuery Side Menu Plugins & Tutorials with Demo
Ultra Navigation – Responsive Bootstrap Sidebar
Bootstrap – Responsive Off Canvas Menu
Bootstrap already takes care of showing the .navbar-toggle when it is on the x-small window size.
I have styled the .navbar-collapse.collapse to be positioned absolute by default. Only in the other media queries am I switching it to relative. Now when someone toggles the .navbar-toggle we are simply adding the .in class and the left css property is being adjusted
Responsive Bootstrap Sidebar Navigation
HOE Navigation Menu consist of both Horizantal and Vertical navigation menu based on CSS3 and Jquery. Its lightweight and compatible with almost all major browsers and devices. It supports four levels sub menu with shrink, Overlay and push effect.
Features:
- Fully Responsive ready for Desktop, Tablets and Mobile
- Multiple Color options
- Bootstrap based
- Options to choose Sidebar Navigation or horizontal navigation
Advanced Off Screen Menu with jQuery & CSS3
Think of it as a full-screen off-screen menu on (a)steroids.It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then jQuey animations.
- 20 responsive presets. (Check the live preview button to test them.)
- Browser based Editor with 30 presets.
- Compatible with all HTML5 browsers INCLUDING MOBILE! (IE10+, Chrome, Safari, Opera, Firefox). Tested on iOS and Android.
- Simple usage, include 2 files (css and js) and add literally 2 lines of code.
- requires almost NO change on existing HTML sites.
