WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Mega Menu Reloaded

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Mega Menu Reloaded - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Share Twitter Subscribe RSS

This Mega Menu Reloaded comes with awesome options and is the most complete solution to build mega menus. It also works without javascript and when disabled most of the content remains accessible. Optionnal features like the contact form or the tabs can be safely removed. Getting rid of them will not affect the main functionnality of the menu.

Notice : the live preview doesn’t show all the options available for this menu, check the video for more examples.

Features

  • 3 variants : “pushing”, “covering” and fixed
  • Column Grid System (up to 12 columns)
  • 6 jQuery Effects
  • Menu bar scroller
  • Custom Scrollbars within the drop downs
  • Inner Tabs to include more content
  • Relies mainly on CSS, improved with some javascript
  • Working AJAX Contact Form
  • Clean and attractive design
  • Complete Typography Set
  • 100% valid HTML/CSS markup
  • Uses some CSS3 magic
  • Comes with a fully working AJAX contact form
  • Cross-browser tested

Efffects

  • Mouse Click (“Toggle”) – Drop downs fixed until another click
  • Mouse Hover – Drop downs disappear once the mouse is out
  • Mouse Click – Drop downs disappear once the mouse is out

For each effect, the drop downs can fade or slide.

It has been tested with all the major browsers and degrades gracefully down to IE6. Please keep in mind that some CSS3 features don’t work with old browsers like rounded corners. For more informations, please visit findmebyIP.

Compatible Browsers

  • Internet Explorer 6+ ()
  • Firefox 2+
  • Chrome 4+
  • Safari 4+
  • Opera 11.50+

() Notice : IE6 requires an additional script that improves its compatibility with some basic CSS properties. You’ll find more informations here.

Changelog

03/12/2013 – Version 2.0

  • Completely rewrote megamenu.js for better performance and mobile compatibility
  • Updated the scripts in megamenu_plugins.js
  • Modified the CSS to make the menu more responsive

06/23/2012 – Version 1.41

  • Fixed an issue occurring with drop downs opened on page load in megamenu.js

05/19/2012 – Version 1.4

  • Fixed an issue with Internet Explorer in megamenu_plugins.js

05/04/2012 – Version 1.3

  • Updated megamenu_plugins.js to enable multiple usage of the custom scrollbars
  • Added the ability to use easing effects

04/17/2012 – Version 1.22

  • Added an option to hide the menu bar on page load

03/16/2012 – Version 1.21

  • Fixed a small bug that was blocking the drop downs on mobile devices

02/29/2012 – Version 1.2

  • Improved compatibility with mobile devices (modified the javascript and CSS files)
  • Improved the megamenu script

02/24/2012 – Version 1.1

  • Fixed an issue caused by the custom scrollbars (modified megamenu.js)

02/15/2012 – Version 1.0

  • Initial release

Credit Photos

Photos by Mark Sebastian


Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
21 February 12

Last Update:
12 March 13

High Resolution:
No

Compatible Browsers:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, PHP

Software Version:
jQuery

Keywords

eCommerce, All Items, clean, contact form, css3, drop down, fade, grid, jquery, mega drop down, mega menu, menu, mobile, navbar, navigation, responsive, slide