But, hamburger menus can usually go so distant and they radically change usability for varying shade sizes. The improved approach to hoop this is by progressively stealing links with a plugin such as OkayNav.
Read Also: How to Create a Responsive Navigation
This giveaway jQuery plugin adds a really elementary menu feature to any page and it slowly hides navigation items, formed on opposite viewports. This approach smartphone users have a singular hamburger menu though inscription users can see a few links, too.
By default, it relies on a
nav element and a lengthy unordered list. So far, we don’t consider this plugin supports multi-level dropdowns though if we know a bit of jQuery we could supplement this yourself.
OkayNav is intensely elementary and it’s meant for easier websites that usually have a handful of navigation links. These links slowly censor behind an off-screen menu once they strike a certain viewport and more links keep hiding a smaller a browser gets.
You’ll need to wrap your unordered list in a navigation component and give it a specific ID. Then, we can target a whole nav with a
okayNav() duty like this:
var navigation = $('#nav-main').okayNav();
Note this is only a simplest setup but any tradition features. You can work with over a dozen tradition options built into this library to control a idol style, a menu animation, appropriate support, and callback functions.
And, we can even call a menu to open/close during will by flitting specific values to a function. Here’s a elementary instance to open a navigation:
OkayNav is great for smaller sites that advantage from a on-going navigation technique. But, if you’re still uncertain of how this works check out this demo on CodePen display what this small plugin can do.
Read Also: Responsive Headers Logos – Tips and Pitfalls