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.
Features
- 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+
Changelog
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
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy CSS3 Mega Drop Down Menu from the The Developer ( Pixelworkshop ) website. Thank you.
Download = CSS3 Mega Drop Down Menu-[Updated].zip