Skip to main content

Lightweight and pure CSS MegaNavbar component, that uses the standard navbar markup, and the fluid grid system classes from Bootstrap 3. Work for fixed and responsive layout, and has the facility to include any Bootstrap component except dropdown. MegaNavbar is compatible with mobile devices and modern web browsers.

What’s New in Version 2.1.0: animation added, RTL languages support, SASS-powered skins, Simple Line Icons added, some additional features added, etc...

100% Responsive Layout Design

Responsive page layout on desktops, tablets and smartphones.

Bootstrap Columns Grid based

Grid systems are used for creating page layouts through a series of rows and columns.

100% Bootstrap v 3+ Based

The MegaNavbar originally designed for use with Bootstrap v.3+

5 dropdown menu options

Like: standart bootstrap, short menu, custom width menu, wide menu & full menu

Numerous submenu display options

Like: dropup on hover, dropdown on click, collapse on hover, dropdown left ...

Left or right alignment

You can easily set menu and submenu aligned to the left or to the right

Multi-device friendly

Responsive pages layout on desktops, tablets and smartphones.

Unlimited Color Schemes

MegaNavbar use a modern technology (LESS & SASS powered) that allows you to create your own schemes.

Easy integration to any Web Project

Easy integration into your existing or new web project or application.

No additional JavaScript Required

MegaNavbar doesn't require additional JavaScript, except scripts used by Bootstrap and some cases.

Font Awesome Icons Included (v.4.2.0)

Font Awesome gives you scalable vector icons. For more info check out here

Responsive embed Integrated

Responsive Video, Google Maps, Google Streetview and so integrated

Support Help

If you have any question, comments or suggestion, please let us know, by contact us

Detailed documentation

You can find detailed information and numerous examples of usage in our online documentation

and so more...

MegaNavbar fixation, set borders, set rounding, set caret style, set shadows, vertical & horisontal dividers ...

RTL Language layout support

Full native support for RTL languages layouts now available.

Demo page Contact me RTL language layout Using animation Create your own skin

Documentation