Themeforest

Wordpress Plugins Frequently Asked Questions - jQuery Vertical 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

Using the WordPress vertical mega menu with the Suffusion theme

Contributed by user

When using the WordPress Suffusion theme you may encounter problems with the sidebar due to the overflow in the theme’s CSS being set to hidden.

Two possible solutions include

1. Add the following CSS to the theme’s style sheet:

2. Set the sidebar to flatten – a Suffusion theme setting that connects all widget areas to display … 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 vertical mega menu works but the slide out sub-menus cant be seen

Sometimes your theme files may have the CSS property “overflow” set to “hidden” on some page elements such as sidebars where your mega menu is located.

Check your page source code to see all of the tags that wrap your vertical mega menu and check in the theme’s style sheet for any that may have the CSS rule – overflow: … 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 – dcVerticalMegaMenu 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:

  1. First level is used for the main menu items
  2. The second level is used to create the sub-menu headings
  3. The 3rd level links are then grouped together under
  4. more

How can I create my own custom CSS style sheet for the vertical mega menu?

See WordPress Tutorial – Create Your own Custom Vertical Mega Menu for more information and sample custom CSS. … more

30 Comments

  • Hi!

    Thanks for the great plugin, I would like to highlight the active/current page/list item, can you explain it to me please?

    Regards!

    Sito

    • Hi,

      There should be several blog posts, faqs and also comments which cover this. Try checking through those for more info

  • I’m using the jquery vertical mega menu, but it doesn’t fly out, instead it lists the sub menu items underneath the selected item. I’m using the Thesis theme. Any ideas?

    • Hi,

      It sounds like the theme’s style sheet is interfering with the positioning of sub-menus. Check the theme’s style sheet for any CSS rules for .menu ul. If these arent required anywhere else in the theme you can remove them from the style sheet

  • I found the problem…I needed another CSS class for the main level like so…this solved my problem.

    #primary li ul li {
    	height: 33px;
    }
    

    Great plugin, thanks!

  • Hi,

    I was using the simple vertical menu on a website and was very satisfied.

    I am now asked to change it to the vertical megamenu and I have a problem.

    The precedent plugin had a class “active” on the selected page, but it is not the case with the vertical megamenu. It’s not convenient for the user if you don’t have a breadcrumb, he may be lost…

    Is there any option in that plugin to do that or will I have to change the code by myself ?

    Thx.

    • Is this the WordPress version or just the jQuery plugin? If WordPress you can use the built-in css class system for the menus

      It’s not actually the function of the menu plugin to track the breadcrumbs for the page, especially since the plugin doesnt actually generate the HTML code. this is usually better handled in its own function or server-side when the menu items are generated as this is more suited to tracking information between pages

      • Thank you for your quick answer Mr Lee, yes I use the wordpress plugin and added css styles.

        Il will try to handle the active option from the server side.

        • Hi,

          In that case you can use the class “current-menu-item”, which WordPress gives to the li tag for the current page.

          The following link has more information about the WordPress classes – WordPress Tutorial – Current & Parent Menu Items In Custom Menus

          • OK !!!

            I’m sorry to have disturbed you for this ! I was blind this morning !

            Thank you so much !

          • No problem. Hope it helps

  • Is it possible to add a slice function to limit the number of lines shown in the unordered list?

    • Hi,

      You can edit the jquery plugin to add this. Alternatively you could set a fixed height for the sub-menu and then set the overflow to hidden

  • Is there any way to get rid of the short delay between rolling over an item and the mega menu appearing? I notice this regardless of the animation effect and speed, even with no animation.

    • Hi,

      You can try editing the settings in the jquery plugin. Wont have a huge effect but will speed up the reaction time for the hover – jquery.dcverticalmegamenu.1.3.js. Line 134:

      interval: 100
      

      Change interval to “0″.

  • HELP!

    I’m so confused – love the look of the vertiucal mega menu – but I’m getting confused by the wp-footer() comments.

    My theme is not letting the menu function properly.

    Tips for dummies?

    D.

    • Hi,

      Check the FAQ and also the comments as most problems have been seen before. the wp_footer() only applies if the jquery code is not being added to the bottom of the page – you can check this by looking at the page source code. If wp_footer() is there you should see something like the following at the bottom:

      <script type="text/javascript">
          jQuery(document).ready(function($) {
              jQuery('#dc_jqverticalmegamenu_widget-3-item .menu').dcVerticalMegaMenu({
                  rowItems: 3,
                 speed: 'slow',
                 direction: 'right',
                 effect: 'slide'
             });
         });
      </script>
      
  • I use Cover WP theme and this theme has support to menus. I have downloaded and installed the JQuery MegaMenu. I`d like to use the plugin in the place of my menu and not in a theme widget. How can I do that ?

    Thanks for the help

    Regards

  • I’d like to make the parent level links unclickable. How do I do that with this widget? Thanks!

    • Hi,

      Use “#” for the parent menu link

  • Hello !

    I love the Vertical Mega Menu and I would like to replace mine (on http://www.zouloop.org) by your own but….It doesn’t work ! The plugin can be seen on the right sidebar but no sub-Menus appears !

    I check for wp_footer() function and “overflow” CSS property but all is right…

    I need some help, please !

    Thx for all

    • Hi,

      Which pages is it installed on?

      • Firstly, sorry but I post on the wrong section because I use Mega Drop Down Menu, this is not vertical one !

        Otherwise, I put Mega Menu on the right sidebar (at the end) of my Home page, from WordPress widgets section.

      • Could someone help me ?

        • Hi,

          Yes see earlier comment – which pages is the menu installed on where you are having the problem? Can you please send a link

  • Hi

    I have a menu item that has a large string, because of this a white bar has appeared under it, I assume I need to edit the box size to accommodate larger text.

    Do you know where in what file or an easier way of editing this?

    thanks for any help

    Michael

    • Hi,

      You can either increase the width or edit the background image for the menu item. The white is showing because the background image sprite has a limited height. The menu item itself should automatically expand to accomodate. Depending on which skin you are using just edit the image

  • Looking for help formatting jQuery Vertical Mega Menu. Using it with Thematic and a child theme. Which CSS files (or other files) should I be looking at?

    Thanks

    • Hi,

      If you follow the tutorial Create Your own Custom Vertical Mega Menu, this helps give detailed information about the actual CSS structure.

      Make sure that any custom styles are added to a theme style sheet and not saved into the plugin folder as it will get deleted whenever the plugin is updated