JQuery Mega Menu Widget
[resolved] How do I use this for my main menu bar? (14 posts)

  1. cbattle
    Posted 2 years ago #

    I'm probably missing something here but I don't understand how to use the mega menu for my main menu (horizontal menu across the top of the page). My menu is not widgetized so I can't just drop the mega menu into a widget and have it show up. I love this and want to use it but don't know how to make it work. Thanks!


  2. cbattle
    Posted 2 years ago #

    Never mind. Read more of the documentation and saw that I have to edit the code I have it working now. Now, I'm trying to see if there is a way to make it push down the page content rather than overlay it. Anyone know how to do that?

  3. TimoElshof
    Posted 2 years ago #


    Where can I find the documentation or can you help me please?

  4. remix4
    Plugin Author

    Posted 2 years ago #

  5. pinkmoon
    Posted 2 years ago #


    Anyone else who can help :-)

    Hi, I must be missing something!
    I've spent hours two separate days on the documentation page trying to find info on how to use the mega menu for my main menu horizontal menu across the top of the page.

    cbattle you said " saw that I have to edit the code", please where did you read this?? Which file do I need to edit and what code need I change?? Thanks in advance.

    I greatly appreciate a simple forward direction on:
    How to use the mega menu for my main menu horizontal menu across the top of the page.

    I noticed someone asked the same question on designchemical.com and they were told to follow the documentation. Please where is this other doc that I'm so obviously missing??

    The instruction in http://www.designchemical.com/blog/index.php/wordpress-plugins/wordpress-plugin-jquery-drop-down-mega-menu-widget/

    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
    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.

    I've done all that but no joy...

    So sorry my post is this long. Please help me out if you've used the plugin for horizontal main menu and it's worked for you.

  6. anaturrillo
    Posted 2 years ago #

    I don´t know if you solve this. What I did was to create a widget area in place of the main nav. Then you can style it up http://www.designchemical.com/blog/index.php/tutorials/wordpress-tutorial-create-your-own-custom-mega-menu-styles/

    I'm not sure if that is the best way to do it... but that's where I got so far. Any ideas? :)

  7. gmrs
    Posted 2 years ago #

    Trying to do the same thing but I am using the WP theme Mantra. Can some one please help me?..FYI: I am code illiterate!!!

  8. meccub
    Posted 2 years ago #


    Did you ever figure out how to make the page content slide down so the menu doesn't overlay it?


  9. robsanders
    Posted 2 years ago #

    This looks like the exact menu setup i am after, however i am trying to find reference to replacing the main nav area with it, and not have it in the sidebar. Any thoughts ?


  10. cbattle
    Posted 2 years ago #

    @meccub: no, I never figured out how to do it and since the project was over-budget I had to leave it as is. Sorry I don't have a better answer for you. :-)


  11. urmilaminnikanti
    Posted 2 years ago #

    Hi, i installed this extension ... Its very nice . but i want to display in my main menu.. how can i do that .. Can you suggest me to do this ASAp.

  12. Funstacy
    Posted 1 year ago #

    I manually added this push page content to my clients site http://aasonn.com but because I changed core in order to do this, I cannot update WP :O

    So now I am looking for an alternative way to do this as well. This free theme has it built in so maybe I can dissect that code and incorporate this aspect into my theme. http://wpshower.com/demo/?theme=imbalance

    But I am also going to keep looking for a plugin. I thought I saw one a few weeks ago that did this.

  13. kamal.r.php
    Posted 1 year ago #

    Hi all,

    I have installed jquery mega menu and make it activated.
    I have created menu and also give setting in widget area for jquery mega menu. How can i set no of columns in sub-menu?

  14. Funstacy
    Posted 1 year ago #

    I made my columns by adding a CSS class in the Appearance Menu top menu item of each drop down column. so I used .col1, .col2, .col3, .col4 and then with my styles.css I gave them a percentage of width and wrote the CSS to make them float next to each other.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • JQuery Mega Menu Widget
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic