FlexiNav – Flexible and Responsive Navigation

Jul 06

Official cost: 5$ | Try script here

 

: fly-out, android, megamenu, navigation, responsive, clean, liquid, expert, multilevel, touch, sticky, drop down, menu, apple iphone, ipad

 

 

 FlexiNav is the most flexible navigating system created to work with any kind of device. It is totally responsive and includes 10 color presets.

This menu can be repaired at the top of the web browser and also has an optionnal trigger button to hide the menu or show bar. On mobile phones, the food selection is put back into the flow of the web page to earn certain that all the web content could be gotten to (fixed aspects that don’t fit right into a phone display cannot be scrolled). If one food selection isn’t enough, you can add others as you want.

FlexiNav comes with a complete set of decrease downs sizes from dealt with sizes (12 dimensions) to drop downs that could cover either the whole web browser size or the entire food selection bar size. In the same method, the food selection bar could include left lined up or right straightened things.

If you have a great deal of content to include into a given fall, you have the opportunity to use the custom scrollbars provided in the bundle. From an offered height embeded in the script alternatives, the script will immediately adjust the height of the fall as well as the scrollbars.

FlexiNav consists of a great deal of styled aspects such as headings, lists, listings with symbols, form elements, etc. The font-awesome icon collection is already there to enhance your list aspects. The CSS file is well structured and also simple to personalize: you can alter the existing colors presets or develop your personal. Pictures and video clips will immediately take the readily available area so you don’t need to resize them by hand.

The contact type included is rather straightforward as well as you only should include your e-mail address. The comments messages showing up when a user sends out an email could be altered or equated conveniently.

Attributes
100% Responsive navigating system Works well in addition to Bootstrap
3 kinds of decrease downs (taken care of width, mega and complete web browser size) Special complete internet browser width decrease downs Sticky menu alternative Flexible and also 100% fluid columns grid Unrestricted fly-outs Left or right positioning for the menu things and the decline downs Personalized scrollbars Clean as well as specialist layout Fits into any design Great deals of styled elements (headings, checklists, and so on).

Font-awesome icon collection Made for desktop computer mobiles, computer systems and tablet computers Simple and working call form.

Uses.
Standard Top Menu Sticky (or repaired) Top Menu Numerous Menus on an exact same page Collapsible Menus Responsive or Non-Responsive.

Just what you get.

For each version (receptive as well as non-responsive), you get 7 HTML files showing various opportunities or uses of this food selection. All the code is arranged, simple and also indented to check out. The script includes an uncompressed version and a minified variation.

The receptive as well as non-responsive versions are both included right into different folders.

Compatibility.

FlexiNav has been examined on numerous gadgets and also internet browsers to guarantee a maximum compatibility: Web Explorer, Firefox, Chrome, Opera, Safari have effectively passed the examinations. Right here’s a checklist of compatibility:.
Net Explorer 8+ Firefox Chrome Opera 11+ Safari 4+ Chrome on Android Safari on iPad and apple iphone.

Changelog.

01/18/2014– Variation 1.1.

Boosted the food selection script.

01/04/2014– Version 1.0.

Initial Launch.

This menu could be fixed at the top of the internet browser and also has an optionnal trigger switch to reveal or hide the menu bar. On mobile tools, the food selection is put back into the flow of the web page to make sure that all the content can be gotten to (fixed elements that do not fit into a phone screen cannot be scrolled). If one food selection isn’t enough, you can include others as you want.

FlexiNav comes with a complete set of decrease downs sizes from taken care of sizes (12 dimensions) to drop downs that could cover either the entire web browser width or the whole food selection bar size. For each variation (responsive as well as non-responsive), you obtain 7 HTML documents revealing various opportunities or usages of this menu.