Jquery

Mega menus are a type of drop-down, which seeks to overcome some of the usability drawbacks of traditional drop-downs. Hierarchy of your navigation is made visible all at once and the amount of clicking, searching, and navigating is reduced.

This module allows you to build mega menus by leveraging jQuery and the prevailing Bootstrap menu system. Megamenu takes a  menu that is 3 levels deep, and converts it into a categorized 3-level mega menu, which is placed into your site as a block.

Responsive and Mega menu

See the Pen
Responsive and Mega menu by Arjun Amgain (@arjunamgain)
on CodePen.

Responsive Mega Menu – Navigation

See the Pen
Responsive Mega Menu – Navigation by samir alley (@samiralley)
on CodePen.

Mega Menu Dropdowns with Foundation 5

See the Pen
Mega Menu Dropdowns with Foundation 5 by SitePoint (@SitePoint)
on CodePen.

Responsive Bootstrap mega menu with various content

See the Pen
Responsive Bootstrap mega menu by Martin Stanek (@skywalkapps)
on CodePen.