Updated 12th November 2011

Drop down mega menus are becoming more popular as an alternative to standard drop down menus.
This WordPress menu plugin will allow you to quickly and easily create drop down mega menus from any WordPress custom menu. The plugin can handle multiple mega menus per page, offers a choice of animation effects (fade or slide), the option to set the drop down sub-menu to full width plus the choice to activate the menu using either hover or click.
For Vertical Mega Menus
If you are looking for a vertical version of the mega menu see our WordPress plugin –
jQuery Vertical Mega Menu Widget.
Download jQuery Mega Menu
Download JQuery Mega Menu Widget 1.3.8 (50,209)
jQuery Mega Menu Demos
Installation
- Upload the plugin through ‘Plugins > Add New > Upload’ interface or upload ‘jquery-mega-menu’ folder to the ‘/wp-content/plugins/’ directory
- Activate the plugin through the ‘Plugins’ menu in WordPress
- In the widgets section, select the jQuery mega menu widget and add to one of your widget areas
- Select one of the WP menus, set the required settings and save your widget
Useage
In order to use this plugin you will need the following:
A WordPress custom menu
Either use an existing menu or set one up via the menu option in WordPress admin. Although the widget will work with any menu structure, for best results use 3 levels for the custom menu – see sample screenshot of custom menu structure below.
Widget area
Either use an existing widget area in your WordPress theme or create a new widget area in the required location. This is a horizontal menu so it needs to be located where it can expand to accomodate all of the top level items.
For more information on how to add a new widget to your WordPress theme see our follow up WordPress tutorial – “Adding A Widget Area To Your Theme Files”.
Create Your Mega Menu
To create your mega menu go to the widget admin page and drag the “jQuery Mega Menu” widget to the desired widget area. Then select your custom menu from the drop down list in the widget control panel.
Click “save” to activate the widget.
Configuring Your Widget
The widget has several parameters that can be configured to help cutomise the mega menu:
Hover/Click
Select whether you would like the menu to activate using hover or click.
Number Items Per Row
Select the number of sub-menu items to be shown on each row of the mega menu.
Skin
Several sample skins are available to give examples of css that can be used to style your own mega menu
Animation Effect
The effect used to display the sub-menus – options are; fade in or slide down. See the mega menu demo page for examples.
Animation Speed
The speed at which the dropdown menu will open/close. Selecting the “No Animation” option will remove both the fade in/out and slide effects.
Set Sub Menu To Full Width
If checked, the drop down mega sub menu width will be 100%
Frequently Asked Questions
Please refer to our FAQ pages for the jQuery Mega Menu Plugin for a complete list of questions and answers.
Many issues that can crop up with installing and using the plugin with different themes have also been covered in our comments section. Please also check previous comments and FAQ for further information/tips.
For plugin customisations or additional support please contact us for a quotation.
Demo jQuery Mega Menu
In addition the main navigation used on this website also uses the jQuery mega menu plugin.
Download The Plugin
Download JQuery Mega Menu Widget 1.3.8 (50,209)
Feedback
If you find this plugin useful please rate it at wordpress.org.
Donate
We develop & support all of our plugins for free. If you use this plugin and find it useful please consider a donation as a token of your appreciation
Updates
Version 1.3.8 – 12th November 2011
- Updated: jquery.dcmegamenu.1.3.4.js and switched to minified version
Version 1.3.7 – 14th Augut 2011
- Fixed: Bug with default values
Version 1.3.6 – 27th July 2011
- Added: Full width option for mega menu
- Updated: jquery.dcmegamenu.1.3.3.js
Version 1.3.5 – 15th May 2011
- Added: Ability to turn off animation effects by selecting “No Animation” in speed menu options
Version 1.3.3 – 8th Apr 2011
- Fixed: IE7 bug due to jQuery initialisation code
Version 1.3.2 – 27th Mar 2011
- Added : Option to use either hover or click events
Version 1.3.1 – 15th Mar 2011
- Added : Mega menu automatically adjusts right alignment to stay within menu boundary
Version 1.3 – 7th Mar 2011
- Added : Ability to select either fade in or slide down animation effects
Screenshots

Widget in edit mode

Sample custom menu structure – For best results use 3 levels for the custom menu

Sample mega menu skins


















Hi,
It is working fine now after selecting skin.
After selecting skin it is displaying horizontally.
Thank You
[...] Mega Menu Widget: Information | Download JQuery Vertical Mega Menu Widget: Information | Download About Kevin MuldoonKevin [...]
Can I have the sub menu sliding up side instead of downside sliding??
Hi,
Unfortunately that isnt possible with the current plugin
Am designing a new website, and even with custom styling I cannot get the number of items per row to exceed 3, no matter what I set Items per row for.
Hi,
Do you have a link to the site?
It’s not live yet, currently only in development, and will never see the light of day if I can’t fix this. Seems to be a padding problem- if I remove all padding in the style, it displays all of them on the same row, but looks horrible.
All of the dimensions and styling is controlled by the CSS files so you can change any of these settings by creating a custom skin. All that the plugin does is add additional HTML tags to the menu so that a mega menu structure is possible. Tutorial Create Your own Custom Mega Menu Styles gives more detail on how to create custom CSS, including an example style sheet
Is there any way for me to increase the width of the mega-menu dopr-down to accommodate the extra padding?
drop-down, that is
I even tried setting the sub-menu size to full-width, but that does nothing to increase the size of the row and I still end up with one out of the 4 dropping down to a new row.
I placed te mega menu widget into the twenty-eleven theme header, but even if I choose more than 1 item per row, the menu is appearing in one column only. I would get the result of a multi column menu, i.e. if I have 9 items I want to appear 3 columns with 3 row each.
what am doing wrong?
the plugin and the widget are working fine, the only thing I cannot get is the multi column menu.
thanks for help.
peter
Hi,
You need to have 3 levels of menu items to get the mega menu effect. Add blank parent items so that your 9 links all appear under 3 different sub-menu items – e.g.
Main Menu A -> Sub Menu Item 1 -> 3 links
Main Menu A -> Sub Menu Item 2 -> 3 links
Main Menu A -> Sub Menu Item 3 -> 3 links
Hello
Make the next version of the plugin. To the menu itself did not open when you update the site, or moving from one site to another section.
Thank you.
Hi,
This is jquery loading when the page loads and not an error in the plugin. See previous comments and FAQ on ways you can fix this in your site
Is it possible to add a Widget as a mega menu option? I’d like to have the search widget, and xLanuguage chooser (widget) as Mena Menu top level entries. Possible?
Hi,
At the moment that isnt an option with this plugin
To be more precise – I have a template where the ‘header’ wih site name etc. is bottom aligned & full screen. I have gotten your plug in to the correct postion, but it opens downwards and thus out of sight….
Hi! Is it possible to change the direction with these plug ins to to upwards, that is, the menue is at the bottom of the screen and expands upwards? Thx : – )
Hi,
Not with the current way that the jquery plugin is set up. Unfortunately sliding upwards isnt the same as making something slide down
Ok, thanks Lee for the fast reply. Great plug in!
Thank you very much for providing plugin
please solve this problem, I placed mega menu but below its not displaying proper
here is the link http://202.63.103.229:8443/Drop_down_test .
I hope you understand menu problem,
Thank you
Is this the WordPress plugin?
See FAQ – http://www.designchemical.com/blog/index.php/faq/the-mega-menu-works-but-the-drop-down-menus-cant-be-seen/
I successfuly set all this plugin but please tell how to add images to the menu ? As you have done with your menu ? You demo menu also contain images of cars. Please tell how to do that ?
Please help me with that. I also want to add images
Regards,
Shumail
Hi,
Please see – WordPress Tutorial – Create Your own Custom Mega Menu Styles
In future you only need to actually submit the comment to one post, not 3.
I solved my original problem, an image slider was interfering with the drop down menu…but i do have another problem when the site is viewed in internet explorer 7.
When viewed in ie7, the drop down menu is moved towards the right more than it should be
example at http://wordpressinstall.cialliance.net
I’m thinking this may be because of the “title” for the drop down which im not sure how to completely remove. (even if title is left blank it still displays a bullet)
Hi,
Add the following to your theme’s style sheet:
#dc_jqmegamenu_widget-3 .widgettitle {display: none;}
Hi -I have a mneu that is aligned to the left in my layout. Is there any way to get the last menu on the right’s sub menu container to align right instead of left – so it doesn’t extend past the edge of the layout?
I tried with css – but not sure I was int he right spot when I added a “.last” to the class. I am thinking I woukld need to modify the php so that it also calculates a separate position for the last element in the menu. But that sounds complicated. Altho it seems like it’s a common problem if your menu items span across to the right edge of you layout – the menu will extend past the page edge and then you can’t scroll over to see the rest of the menu that extends past the edge. I guess the full width option would take care of this but I don;t think it applies to single column drop downs within the menu
Hi,
Only the mega sub-menus have the positioning calculated based on the width of the sub-menu container. For the single drop downs you can add a negative left margin on the container. E.g. if you add class “last” to the final menu item you can use:
li.last .sub-container.non-mega {margin-left: -xpx}
Hi – thanks for the info – did a bit of a mod on what you suggested and then figured out I was trying to use :last-child, not .last. Anyway got it to work! YES!!!!!!
here’s what I used –
#dc_jqmegamenu_widget-4-item ul li:last-child div { margin-left:-155px; }This will come in handy for me a lot. Love your plugin – and thanks for the help – you rock…
just realized I wasn’t targeting the non-mega instance – so modified to this – still works – yea!
#dc_jqmegamenu_widget-4-item ul li:last-child div.sub-container.non-mega { margin-left:-155px; }Great Work,
but how to use it in wp’s standard “access” menu? to adapt css isnt enough. is there a shortcode anyway?
Best Regards
Hi,
You need to add a new widget area to the header (or wherever you wish to add the menu). Check out the following for more info: WordPress Tutorial – Adding A Widget Area To Your Theme Files
Is there a way to add the Menu Class name to this plugin (Mega Menu) just like you did on the vertical accordion plugin because my default css navigation class keeps interfering with the Mega Menu.
Hi,
Thats definitely something we can look at adding in a future update
Hi Lee,
Sherry again. My menu is somewhat working, in that it is visible and you can get to the pages. However, I wanted to use the example shown with the cars, so I customized the menu.css and menu.html files to add both my pages and my images. I uploaded them as follows: css file to the css folder under the jquery-mega-menu folder and renamed it dcmegamenu.css. Then I uploaded the html (still named menu.html) to the jquery-mega-menu folder. But it didn’t change the menu at all, so assuming there’s something else some place I need to change or I uploaded something to the wrong folder. I also uploaded all my images to the same images folder being used for other items (under the skins folder).
PLEASE HELP!
really hoping for a reply soon! thanks for your response today, if at all possible.
Hi,
You need to follow the instructions given in the tutorial and create a custom skin for the menu. Dont upload any custom CSS to the plugin folder as this will be deleted whenever the plugin updates. Add any custom CSS to your theme’s style sheet
I have tried this plugin with a theme called Classipress that has many of its own custom functions including enqueueing.
Your plugin would work if this theme did not insist on looping through twice and creating 2 instances in the footer of the same widget, like this:
jQuery(document).ready(function($) {
jQuery(‘#dc_jqmegamenu_widget-10-item .menu’).dcMegaMenu({
rowItems: 3,
subMenuWidth: ”,
speed: 0,
effect: ‘slide’,
event: ‘click’
,fullWidth: true });
});
jQuery(document).ready(function($) {
jQuery(‘#dc_jqmegamenu_widget-10-item .menu’).dcMegaMenu({
rowItems: 3,
subMenuWidth: ”,
speed: 0,
effect: ‘slide’,
event: ‘click’
,fullWidth: true });
});
I can find no instance of the wp footer call happening twice and this theme’s own specialized footer does not evidently interfere. If I remove the wp footer function in the theme footer then the jquery megamenu javascript does not get generated at all.
I have been all through every place in the WordPress theme that such programming normally is found and have tried all kinds of experiments with no cessation of this double javascript crippling.
Can you clue me in as to how I can modify the MegaMenu (I have the latest) to just generate one instance in the footer?
And if, other than two wp footer calls (which I have not found) is there something in a theme “somewhere” that I should look for to check on what modification might be possible?
Thank you for your kind response.
As far as Im aware the mega menu plugin should only generate one instance of the footer and this is not a problem I have come across in any other theme. Check with the theme author on whether they have any functions that may cause this to occur
I just downloaded this yesterday and am working on cleaning up my site. Adding child pages has had me baffled for nearly 2 years. This made it simple. I love this plugin. Thank you for all the hard work and time you invested to make this plugin work! I was ready to throw my computer out the window and give up b/c of the frustration! This works great in headers and side columns!
You are my hero – This truly is the perfect solution for me – the thought of changing themes made me crazy – All the work!
Thank you!
Mischelle
Hi,
Thanks for the feedback and glad that the plugin helped
Hi Lee – I love the plugin but having problems with the full menu showing before it’s styled at http://envivafoods.com only in firefox. It’s working everywhere else. any suggestions? Thanks.
Hi,,
Its the menu showing before the jquery has initialised. Usually this wouldnt be obvious but many things can affect the loading of menu including what else is on the page, especially other javascript based code, which may delay the menu
I have added this plugin to a site am working on, but for some reason the drop-down sub menu does not fully work as should be when i place it on the header.
could someone please help me figure what the problem is. Site is http://208.56.101.41/kinfos/
The sub menu list items are floated left, which is causing the height of the parent ul tag to collapse and therefore the background image is not showing correctly. Remove the float: left and width: 100%, which appear to be added inline, as the float is not required for the 3rd level menu items
Hello Lee,
Thank u for answering, can i have ur email address for the link and others.
BR
Rossi
Hello All,
First, I most say that this plugin is great and its exactly what i need only that i am not able to get it working for me. the Sub-menus shows up under the Parent menu also, there is a big gap between the menu line and the drop-down. as a newbie i have tried all i could, i even download the full sample template “custom_mega_menu_styles” for test still no way, also, regarding the template i copy and paste the plugins sample templates to my child theme still no result. i am using theme Suffusion 3.8.2 any help will be highly appreciate.
Rossi
Hi,
Do you have a link?
hello Lee,
I have you the link through mail, Thanks
hi,
Your mega menu is awesome.
I have a question,
How can i make this DROP DOWN menu to DROP UP.
Please help will be waiting for your reply.
Regards,
Chiranth A
Hi,
Unfortunately its not as easy as it sounds. To make something slide up requires different coding to slide down, which is built in as a standard effect in jQuery. It would require some relatively major recoding of the jquery plugin that creates the mega menu
Is there a way to set the plugin so it does not put rows into divs? This way each row’s height is the height of the tallest column inside of it, and the rest of the columns are filled with blank space. Is there a way to easily make the categories stick directly below? Here’s a screenshot so you can get a better idea what I’m talking about: http://awesomescreenshot.com/005j6ov5c
Thanks!
Hi,
Unfortunately the divs wouldnt flow under each other without the rows. Its not possible to arrange the div tags stacked together (or at least without significant coding). This is why the menu items are wrapped in rows instead so at least there is some control over the layout.
The only thing I can suggest is reorganising the menu to help with the blank spaces
It would be nice if there was a way to NOT have to create a custom menu. I have over a 50 pages (which is the main reason why I wanted go with a mega menu) and really do not want to deal with adding all those pages in a custom menu and making sure they are in the right order or added anytime a new page is added. It would be nice if it just generated the navigation based off of wp_list_pages and included options in the widget for Child_Of, Sort Column and Exclude.
Hi,
At the moment the plugin works using WordPress menus only. It is something we could possibly look at adding in the future but there are no plans at this time.
Have you checked if there are plugins out there that will generate the custom menu for you and automatically add pages?
Alternatively you can relatively easily modify the plugin code to use a custom function that would generate your menu using wp_list_pages with your required parameters. Just replace line 60 of dcwp_jquery_mega_menu_widget.php to use your menu function instead of wp_nav_menu
Replace line 60 of dcwp_jquery_mega_menu_widget.php with what?? Please tell me the exact code:)
Whatever code you are using to generate the list of categories instead of a menu
Hi. Would like to use both your plugins, one for horizontal menu under the header and several vertical menus in my sidebar, with conditional tag depending on the page. Is it possible to use both vertical and horizontal menu plugins without having problems with each other in the visualization?
Hi,
Yes they both work independently of each other
Hello,
I use this plugin in my website but in Internet Explorer the menu doesn’t appear well and the width of the menu is more than it should be (The menu gets out from the page).. (In Google Chrome the menu is working good)
How can I change the width of the menu??
Thanks!
Hi Lee,
I tried to customize the megamenu, but it gets overwritten by inline style, should I implement it in jquery?
Thank you!
Hi,
The menu should be able to be customised using only CSS. The only styles added inline by the plugin are those, which are considered to be required to create the mega menu structure. What CSS rules are you trying to add?
Hi guys,
I having some problems. I can’t run the drop down on IE8. Please advice: http://hazmanlabs.com
Hi,
Have checked the URL in IE8 and the menu works OK
hi need help i have downloaded plugin menu working but dropdown not working, i have wp 3.2.1
http://best-itsupport.com/urban/
thanks
Hi,
Please see FAQ section. You have 2 problems:
http://www.designchemical.com/blog/index.php/faq/the-menu-appears-on-the-page-but-does-not-work/
Your theme is also incorrectly loading jQuery a 2nd time. This needs to be fixed in order for any jQuery plugin to work
thank you, it’s very nice plagin working good
Hi,
Amazing plugins!
Can I ask you if you’re using this plugin on this site for the main navigation?
I really like the hover effect (“WordPress Plugins” button) that works like a slideshow of sorts and was wondering if it’d be possible to implement it using this plugin.
Thank you again!
Hi,
Thank you.
Yes our main navigation does use the jquery mega menu plugin. The slider is actually a custom addition to the menu. Unfortunately its not yet available as part of the out-of-the-box plugin version although we are working on it.
I can certainly supply the additional code to add the effect though if you want to modify the plugin version – basically it just requires some additional jQuery to convert a sub-menu into a slider plus the additional CSS to style the slider
Thank you, Lee – the code would be really helpful.
Thanks again.
The plugin is working great and without any real issues. But one problem is, when I add new pages through wordpress, they don’t automatically populate the mega menu drop down items. So, I need to go into the custom menu settings I setup and select which pages should be added to the menu, and then it’s fine. But it’s a pain to do that every time.
Any ideas?
Hi,
The plugin doesnt actually generate the menu, this is still handled by the WordPress menu system. All the plugin does is apply jQuery effects to the WordPress menu.
There may be plugins out there, which automatically populate WordPress menus
I had this plugin working fine yesterday, but I changed the layout some since then and now I can’t get the dropdown to function….using the same menu and have the same CSS and everything. I even had a slideshow beneath it last time like i do now.
I checked the error console and didn’t see any. ?
I’ve changed z-index, removed overflow: hidden, and made sure there is a footer on there (same as it was before). The site is http://www.wiconnetwork.com.
Hi,
Which pages is the mega menu on?
Hi,
Love the plugin …. just one problem when the page loads the sub menus automatically appear, When I hover over a menu item with children its corresponding sub menu disappears and it works as normal.
I have stripped everything out of my wp environment and tried using it with just a blank theme but the same thing happens …. There are no other plugins active.
Any help/advice would be great.
Patrick
Hi,
Do you have a link that I can take a look at?
HI Guys the z-index bug i fixed it please ignore my previous comments.
.dcjq-mega-menu { position: relative; z-index: 1000px; } fixes IE z-index bug.
thanks agiain, great plugin showweeee!
M
OK glad its fixed. Sometimes you also need to apply a higher z-index to the parent element
Hi guys love this plugin, i am having an issue in IE7 & IE8 where the drop down appears underneath another div.
I have looked around and found that there is z-index bug, of which the reccommended fix is to attach position: relative; to the elements in question.
I did that and nothing, please help me try figure this out.
ps. using the standalone version not the WP one.
thanks
Manny
Hi Dev Great Plugin
all your plugin look amazing …..
i have a request , i am not able to implement jquery mega menu ….
looking forward for sample
if you integrate with default theme with this plugin and have for download it will be great
looking forward
Hi,
You can download and install into any theme either from your WordPress plugin admin or using the following link – http://downloads.wordpress.org/plugin/jquery-mega-menu.1.3.5.zip
i am able to download dat is not the problem , plugin work except on home page and css broken not sure where i did mistake , i followed your instruction for creating widget still face the problem
If all the code is correct on the page and the menu appears then it sounds like you may have a javascript error elsewhere. Check the FAQ section and also the comments, which have lots of references to these problems
How do change the background of the active tab? This would be good to implement in your next release if possible.
If I add the following into the js file and add a active css class will it work?
<script type="text/javascript"> $(document).ready(function() { $("div.content ul li a") .mouseover(function() { $(this).addClass('mouseover'); }) .mouseout(function() { $(this).removeClass('mouseover'); }); $("div.content ul li a").click(function(e) { e.preventDefault(); //prevent the link from actually navigating somewhere $(this).toggleClass("clicked"); $("div.content ul li a").not(this).removeClass("clicked"); //remove the clicked class from all other elements }); }); </script>Hi,
this already is implemented. The active li tag is given the class “mega-hover”
I’m sorry Lee, if I am reading this correctly, there is no way to target the ACTIVE link. I am not seeing a class or ID attach itself to the LI once a link has been clicked. I can send you a screen shot if you like.
Please let us know if you plan on adding an ACTIVE link state any time soon.
Thank you.
There is a way to target the active link using the WordPress built-in classes that the menu system implements – e.g. current-menu-item
Hey guys,
I’ve modified and attach IE6+ compatible version of “advanced custom styling demo” above.
http://bit.ly/rt14bP (this is not a plugin, but hopefully you can easily modify the plugin according to this)
Thanks Lee
Hi,
Thank you for the info.
We dont support IE6 although anyone wishing to continue to use IE6 will obviously find it useful
I’m using this plugin for a vertical menu, is it possible to have the current parent close before then next parent open, is it also possible to ease the closing animation?
Thanks.
Hi,
There is a vertical version for the mega menu – http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-jquery-vertical-mega-menu-widget/
Thanks, I just tried it and it works exactly the same. Is there anyway the things I mentioned before can be enabled or is that too much?
Hi,
To add easing you can edit the jQuery plugin. For the first item are you seeing any problems in the way the menu items open/close?
How should I make it so that it doesn’t wipe out my custom skin and css every time I update?
Hi,
Any changes to the CSS should be placed in your theme folder
Looks like I need this plugiun! but… can’t get the hover menu’s to show. Checked the FAQ, switched off all other plugins but no luck. Overflow is visible in css, now I ran out of options. I’m editing an existing free theme to fit my needs. No other jquery menu widget works so somewhere there must be a javascript conflict but can’t figure out where. If you’re willing to take a look it would be highly appreciated. Thanks.
Hi,
Do you have a link I can take a look at?
Can I email the link with login? to info?
yes no problem
Hi,
the theme is loading jQuery a 2nd time and overwriting the plugins. Remove the following line:
hi
tnx man,great plugin but i have a promblem with this plugin:( my theme don’t support widgets,what i must do?
Hi,
you can add widgets to your theme – see WordPress Tutorial – Adding A Widget Area To Your Theme Files
Hi, grats fot your plugin,it´s awesome.
if i add only 1 subcategory i show perfect…..but with one category
how can i do this with only the categories.
I want to show the search form after the unique botton in the nav bar. (it´s only one button to show the categories), and i don´t know where i must paste in the code. (i know a bit of php).
Another question…i have about 20 categories and i want to show in 5 colums, but only the categories, without subcategories. If i do this i see only 1 column
I´m working in localhost, sorry.
A lot of thanks!
Hi,
Try floating the category menu items to create 5 columns
Not sure where you are trying to put the search form?
Hi,
I do love your mega menu, but today i’m having a problem. My menu contains 6 ul li, and every item contains a sub non-mega menu. The problem is that the last sub menu comes back to the begining of the navbar, and not below its root button on hover. I hope you understand what I mean, it’s not easy for me to explain this in English (I’m French).
I guess I would have to reduce the “left” css property to reduce the gap (sub menus are not aligned exactly like their root buttons, and the “left” gap increases every time there is one more root menu item… I can’t send you a link to my website (it is not public) but here is a link to my commented screenshots… http://img11.hostingpics.net/pics/632839megamenuproblemscreenshots.jpg
I have some basis in html/css/php/javascript, so I might understand your advices, but I’m quite new to wordpress dev so it’s hard for me to find how to mod your calculating formula about the left gap on my own … Please help !
Hi,
The only way it would set the left position to zero is if it sees that the required width of the sub-menu is greater than the required distance if it were to be centered under the parent menu item. This means that you may have other CSS rules in your theme, which may be influencing the calculation – check if the parent menu items or the sub menus have any external CSS rules affecting their margins.
Unfortunately its difficult to say from the screenshot. The calculation, where the menu positioning is decided starts at line 143 of the jquery plugin
Thank you very much for the quick reply ! Unfortunately, I checked every ul, li, a and div, and none has external css rules influencing my menus. None… And all margins are alright : margin: 0; everywhere, except on .dcjq-mega-menu ul.menu li .sub-container { padding-left: 10px; margin-left: -3px;} … I am completely desperate.
i corrected the problem with a bad trick, but it will do for the moment. I simply reduced the width of my root navbar buttons (reducing the left/right paddings), and the sub menu appears under his button because there is some space left…
I’ll come back to you as soon as I find a new clue, and when I’ll be authorized to set up the website public, so that you’ll be able to take a look if you would like to.
Hope to be able to update this soon ! And thanks again anyway !
This menu is working great. I like the sample mega menu with vehicles that I see at the top of this page. I would like to make one like that for my book company. How do I go about it. A hint would do. Thanks again for the good work.
Hi,
see the following tutorial which shows you how to create this menu – Create Your own Custom Mega Menu Styles
Great work, can you tell me if the menu validates?
Validates in what way?
Hi Lee I am also using your Mega Menu for a top menu, do I move it through the main style css? or do it through the mega css files? Thanks again for all the work you have put into making my life a little easier.
Any custom styles must be added to your theme style sheet to prevent them being overwritten during an upgrade
sorry to be such a dolt, so i cannot add it in as a plugin widget, but i have to add it directly into the style sheet?
Hi,
Have sent you an email
Hi Lee,
I got some problem with IE, the sub-menu do not expand after I update a batch of plugins. I can’t figure out it even disable the plugin one by one, I hope can get your help.
Thank you
Hi,
Firebug is showing an error with the fisheye menu, which may be causing a problem. Other than that the mega menu hasnt been updated recently so there shouldnt be any changes to the code
hi
what a great plugin
i was wondering im using rtl and i need to change the direction of the 2 level menu
how do i do that
thanks
Hi,
Im not exactly sure how rtl works unfortunately but I presume you would need to change the float direction of the sub-menus. Currently they are set to float left. you can update these using .sub li.mega-hdr
i tried doing what you told me
.sub li.mega-hdr:float:right
doesnt work
any clue how i can open the submenu thatt it will be aligned to the right ?
thanks
Hi,
If its not just a float issue then Im honestly not sure as I dont know whats involved in rtl
Thank you for this plugin !
But I have a problem with a sub-menu on opera and safari ( last versions).
The sub-menu doesn’t display below the title but on the left ..
What can I do ?
Thank you
Hi,
Do you have a link I can look at?