StickyFooterNav - Responsive Mega Footer

StickyFooterNav is a singular mega footer answer designed and coded to work and have compatibility on any device. it's totally responsive and springs with a flexible grid device to carry your content inside of panels.

Through surroundings a few choices, you'll be able to make the footer paintings on hover or on click, define results periods, allow or disable responsiveness or a cause button to toggle the footer bar.

This footer stays mounted on the bottom of the browser and adapts itself on mobile gadgets to be sure that that all the content will also be reached on any device : all of the parts are correctly resized and the panels will show scrollbars while the content received’t fit into the to be had house at the reveal. you'll test that by means of testing the reside preview on pill and cellular units (ideally with out the top frame).

StickyFooterNav comes with a full set of panel sizes from fixed widths (12 sizes) to panels that can cover either the entire browser width or the menu width. Every panel can independently stick with the left part or to the proper edge of its figure. within the comparable means, the footer bar can contain left aligned or right aligned pieces. All components are resized down whilst viewed on a mobile device with a unmarried holiday element. It signifies that you'll use your individual break aspect just by converting 2 values (defined in the documentation).

If You Happen To have so much of content material to add right into a given panel, the custom scrollbars will happen robotically, you'll see them in action via testing this demo and resizing up & down your browser.

StickyFooterNav includes so much of styled elements equivalent to headings, lists, lists with icons, shape elements, and so on. The ionicons icon assortment is already there to enhance your listing parts both in the footer bar or inside the panels. The CSS record is well established and straightforward to customise, all color settings are grouped in a separate segment. Pictures and movies will robotically take the available area so you don’t need to resize them manually.

Options

• 100% Responsive & robust mega footer machine
• THREE sorts of drop downs (fastened width, mega and full browser width)
• Distinctive complete browser width panels
• Sticks to the ground of the browser
• Versatile columns grid
• Left or right alignment for the menu items and the drop downs
• Customized & automated scrollbars inside panels
• Clean and professional layout
• Fits into any layout
• lots of styled elements
• ionicons icon collection
• Designed for personal computer computer systems, tablets and mobiles

Compatibility

StickyFooterNav has been examined on a number of units and browsers to verify a most compatibility : Web Explorer, Firefox, Chrome, Opera, Safari have successfully handed the tests. Right Here’s an inventory of compatibility :

• Internet Explorer EIGHT+
• Firefox
• Chrome
• Opera 10.50+
• Safari FIVE+
• Chrome on Android
• Safari on iPad and iPhone

Please keep in mind that CSS3 effects aren't to be had for all browsers (older variations of IE for instance).

Changelog

ELEVEN/1/2014 – Version 1.0

• Preliminary Free Up

FULL DOWNLOAD