Vertical CSS3 Mega Menu - CodeCanyon Item for Sale

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+

Before buying

If you browse my portfolio, you’ll find several types of menus. They all offer slightly different options so I encourage you to take the time to carefully read the descriptions, test the previews and additionnally read the comparison at the bottom of my profile page.

I’ve also created a website that compares and filters my different menus by options / features, If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

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