CSS3 Mega Drop Down Menu

CodeCanyon CSS3 Mega Drop Down Menu 126387
Script \ CSS Style \ Navigation and Menus
Version \ Vertical \ Variants \ Variant \ Contact \ Mobile \ Grouped \ Specific

CSS Style - CSS3 Mega Drop Down Menu 126387 by Pixelworkshop @ CodeCanyon

Script \ CSS Style \ Navigation and Menus

This Mega Drop Down Menu is a flexible and easy to integrate solution to build your custom menus. The drop down relies only on CSS/XHTML and comes with a fully working contact form.

3 main variants are included : horizontal, vertical aligned on the left and vertical aligned on the right.

The content can be organized into 6 columns based on the 960 grid system. This item comes with 9 color variants (and 2 color schemes for the drop downs – dark and light) and a detailed documentation to help you to customize it.


- 100% Responsive Mega Menu

- Working Contact Form

- 9 color schemes

- Horizontal and Vertical Layouts

- Full Width variant

- Easy to customize

- Valid HTML/CSS3 markup

- Cross-Browser Support

- Up to 6 columns

- Typography examples

- Form stylings

- Left or right alignment

- Help documentation

Compatible Browsers
This menu has been tested (and works !) with all the following browsers .

- Internet Explorer 7+

- Firefox 2+

- Safari 3+

- Opera 10+

- Chrome 1+

09/29/2013 – Version 6.2

- Replaced the contact form

- Grouped the scripts in a single file

06/25/2013 – Version 6.11

- Updated the file sendmail.php

05/17/2013 – Version 6.1

- Fixed issues in mobile.js (recoded most of the script)

- Adapted the CSS for a better mobile experience

03/24/2013 – Version 6.0

- Recoded large parts of the CSS markup

- Completely changed / updated the script files

- Adapted the HTML markup with new classes to avoid conflicts

- Made the menu 100% responsive

- Grouped all menu variants (horizontal and vertical)

- Dropped Internet Explorer 6 support

- Removed IE CSS hacks (not necessary anymore)

- Removed duplicate HTML examples

03/15/2012 – Version 5.0

- Rewrote entirely the mobile script for touchscreen devices (mobile.js)

- Added CSS media queries making the mega menus responsive

- Updated jQuery

10/26/2012 – Version 4.2

- Added the ability to align the drop downs vertically (vertical versions only)

10/19/2011 – Version 4.1

- Grouped the light and dark variants into the CSS (now you can switch between them just by changing a class)

- Reorganized all the HTML files in each folder

- Improved compatibility with touchscreen devices

- Fixed some minor IE-specific issues

- Improved the CSS3 browser-specific markup

08/06/2011 – Version 4.0

- Added a simple working contact form

- Added a full browser width variant (the menu remains centered)

05/05/2011 – Version 3.0

- Recoded large parts of the main CSS

- Changed the organization of the files

- Made a few minor adjustments in the HTML

- Grouped all color variants in the CSS

- Removed the reset which used to lead to confusion

- Added a IE-specific CSS stylesheet (for gradients and minor fixes)

- Added navigation bar gradients for IE 6-8

- Completely changed the way to handle the full width drop down variant (no more negative margins)

- Added a “right aligned” vertical variant

- Made a few design improvements, especially with the dark theme

- Combining the “columns” or the “full width” variants is much more easier

03/15/2011 – Version 2.2

- Added a dark variant of the drop down

- Small improvements for IE6 (graphics)

11/30/2010 – Version 2.1

- Fixed a small bug in IE8

- Added a 2-Levels Drop Down

- Added a bonus Vertical Mega Menu

10/20/2010 – Version 2.0

- Added a Full Width drop down variant

- Separated the previous version (1.2) and the new one

10/14/2010 – Version 1.2

- More specific CSS classes, so they don’t overwrite your existing stylings

- Moved the reset in a separate CSS file

You can now use safely this Mega Menu along with my CSS Sticky Footer

09/29/2010 – Version 1.1

- Removed some unnecessary CSS code

- Improved the right alignment code

09/22/2010 – Version 1.0

- Initial release

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, Mega-Menu.com . 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 .

Last Update: 29 September 13; High Resolution: No; Compatible Browsers: IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS, PHP; Software Version: CSS2, CSS3.

StickyFooterNav - Responsive Mega Footer; StickyBars - Fixed Bars Animated on Scroll; FlexiNav - Flexible and Responsive Navigation; Pull-Out Content Panel; Responsive Pricing Tables; Universal Responsive Mega Menu; Responsive CSS3 Multi Drop Down Menu.

Keywords: clean, css3, drop down, fly-out, grid, mega dropdown, mega menu, menu, mobile, navbar, navigation, responsive, simple, sleek, vertical megamenu.

Create CodeCanyon CSS3 Mega Drop Down Menu 126387 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon CSS3 Mega Drop Down Menu 126387 from creative professional designers. Full details of CodeCanyon CSS3 Mega Drop Down Menu 126387 for digital design and education. CodeCanyon CSS3 Mega Drop Down Menu 126387 desigen style information or anything related.


Add Comments:
Enter Code: *