Vertical CSS3 Mega Menu

Vertical CSS3 Mega Menu

4.38 (16 ratings) 4.38 stars
Cart 286 sales

If you need to display your catalog or a long list of products in a small area of your site, then this Vertical CSS3 Mega Menu is made for you. It has been coded in a way allowing you to add as many levels as you need and has been improved with simple but effective CSS3 transition effects.

The first drop down level can be hidden or visible on page load and the whole system works on mouse hover, it’s a CSS-only system that doesn’t need a single line of javascript. Tested on a large range of browsers, the markup is clean and easy to customize.

With 3 effects and 2 color schemes, it can be integrated seamlessly on any website just by including the CSS, optionnally the images / icons and the HTML markup.


  • Powerful Menu System
  • CSS-only Mega Menu
  • Unlimited Drop Down Levels
  • 2 Color Schemes (Dark and Light)
  • 3 CSS3 Transition Effects
  • 2 Drop Down Positions (Top or Relative)
  • Easy to customize
  • Valid XHTML / CSS 3 markup
  • Cross Browser Support
  • Help documentation

Compatible Browsers

This menu has been tested (and works !) with all the following browsers :

  • Internet Explorer 7+
  • Firefox 2+
  • Safari 4+
  • Opera 10+
  • Chrome 4+

Please note that the files don’t contain the template used in the last screenshot / end of video preview.