Mega Menu Navigation

The Mega Menu Navigation sublayout is perfect for creating unique menus by using one of the 9 jQuery effects and one of the color schemes that are available, or by creating custom color schemes.

Based on a custom grid, this menu allows you to organize your content into columns (from 1 up to 12) with a lot of typography examples such as headings, lists, images styling, tables, form elements, etc.

Main Features

  • Completely responsive
  • Horizontal and vertical versions
  • Dark & Light Themes + 13 Additional Colors
  • Up to 12 columns
  • 9 jQuery powered effects (slide, fade, toggle…)
  • Fly-out Menu with Unlimited Sublevels
  • Degrades gracefully if Javascript is disabled
  • Valid XHTML / CSS 3 markup
  • Cross Browser Support (tested)
  • Many typography examples ready to be used
  • Form elements styling
  • Help documentation

Compatible Browsers

  • Internet Explorer 8+
  • Firefox 2+
  • Safari 4+
  • Opera 11+
  • Chrome 4+

jQuery Effects

  • Fade on click
  • Slide on click
  • Toggle on click
  • Fade on hover
  • Slide on hover
  • Toggle on hover
  • Open / Close effects (1 click to open, 1 click to close – fade, slide or toggle)
  • First drop down already opened when the page loads
  • ... Or any other drop down opened when the page loads

Mega Menu Screenshots