Wordpress Plugins Frequently Asked Questions - jQuery Mega Menu
Adding jQuery to your theme files using wp_enqueue_script
If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.
To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more
Widget does not appear on page when using twentyeleven theme
The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.
If your widget is only appearing on the home page go to:
Admin-Appearance-Theme Options
Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected. … more
How can I create my own custom CSS style sheet for the menu?
See WordPress Tutorial – Create Your own Custom Mega Menu Styles for more information and sample custom CSS. … more
The menu appears on the page but does not work
There are several reasons why the menu may fail to load properly:
1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer file.
2. … more
The mega menu works but the drop down menus cant be seen
Sometimes your theme files may have the CSS property “overflow” set to “hidden” on some page elements such as the header.
Check your page source code to see all of the tags that wrap your mega menu and check in the theme’s style sheet for any that may have the CSS rule – overflow: hidden. … more
Custom skin file gets overwritten every time the plugin updates
Whenever WordPress updates any plugin file ALL files in the plugin directory are first deleted and the updated files reinstalled.
This means that any modifications you may have done to the plugin files or if you have created your own custom skin in the plugin’s skin folder, will all be deleted.
Any changes you make to the plugins CSS should … more
I get the error message – dcMegaMenu is not a function
This error can occur when the jQuery plugin file that creates the vertical mega menu has been overwritten because the jQuery library has been loaded a second time either by the theme files or another WordPress plugin.
Check your source code and your theme header.php file for any instance of the jQuery library being loaded.
jQuery should always be loaded … more
How should I structure my custom menu to get the best results?
The widget works by taking the standard menu structure and creating the sub-menus from the nested links. To get the full effect you need to have 3 levels within the custom menu:
- First level is used for the main menu items
- The second level is used to create the sub-menu headings
- The 3rd level links are then grouped together under
… more








I am trying to use your plugin with Headway 3.1.1 and the submenu’s do not show.
I prefer yours but was also trying uber menu , the problem seems to be the same.
You can see the issue by going to the site
http://www.parksville-qualicum.com
If you can help me resolve this issue mega menu goes up for sure!!
Thanks
Hi,
You need to remove the overflow: hidden; from the CSS rule for class “block” in your theme’s style sheet
Can you tell me how to make the sub menus be appear with images as shown in screenshots and demos? I could not able to make it
See our tutorial on how to customise the mega menu
So let me answer my own question:
It has nothing to do with the plugin.
Adding a high enough z-index to my menu brought it on top:
#mainMenu ul {
……my other css rules …..
z-index:50;
}
The value of 50 is arbitrary in the sense that it is only important that it is high enough so that the menu appears above all other elements that have ‘auto’ z-indexes assigned.
Hope this will be of use to others.
Lee
I am using your great plug-in on a clients site. I am trying use the description field in the menus to add thumbs and text for the sub menus. I understand the theme needs to support the descriptions but if it doesn’t it can be added in the functions.php. However I cannot find anything here or in the WordPress codex for showing the description field.
Any suggestions or tips on how you did it.
Thanks
Ernie
Hi,
The sample customised menus in our tutorials uses CSS background images. These arent actually generated in the menu code.
You would probably need to create a custom walker function to generate the modified menu output. Im not sure though if that would then be available to use with the mega menu widget so it would have to be added manually.
I would suggest maybe trying the CSS background image route. Its more manual work to get it set up but it doesnt require any custom functions. See tutorial – http://www.designchemical.com/blog/index.php/tutorials/wordpress-tutorial-create-your-own-custom-mega-menu-styles/
how do i get the images to display like in your menu?
Hi,
For the slider menu you can refer to the following tutorial – http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-jquery-menu-slider/
Hey, does that plugin work with the Colorway Theme? I putted the JQuery Mega Menu into the Primary Widget Area, selected the Menu, but only the normal Colorway Theme appears.
hi,
unfortunately I dont have details for individual themes. In theory the menu works with any theme unless there is some particular issues that would prevent it from working
Hello,
thank you for this great plugin.
But I miss a very important feature
Is it possible to integrate a tag to display a menu where I want to display it, for example under/over the header by editing the templates?
Would be great if you could integrate this possibility
I use an artisteer generated theme, so its really tricky to register a sidebar above or under the header
Hi,
This is certainly something we can add to a future update
sounds great
hope for a soon update. I love your menu, but a widget above the header looks a little strange
Hi,
Positioning of the widget shouldnt cause any problems though as there is no restrictions on where they can go. You can edit the widget settings in the functions.php file to remove any CSS classes normally used for the sidebar widgets
Hey,
My nav menu is aligned right, and I want the last dropdown to appear aligned right, so that it’s visible in the browser window.
how can I do that?
at the moment, when the browser window is narrower than full size, the last dropdown is cutoff to the right
thanks
Thanks for the great menu widget!
Is there any way to make the menu drop to the right instead of down? I’m using it in a sidebar.
Thank you.
Hi,
Use the vertical version of the plugin – http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-jquery-vertical-mega-menu-widget/