Support » Plugin: Max Mega Menu » Navigation widget in Grid Layout

  • Resolved DaddioD

    (@daddiod)


    How can I add a navigation widget to a Mega Menu Grid layout?

    using the free version, when adding a navigatioon widget to the layout and assigning a menu that has not been assigned to a theme location, the menu does not show.

    On the website amoryschools.com the District menu should show three columns
    col1 – Menu items added as subpages
    col2 – image
    col3 – menu created seperately

    Thanks for your help

    The page I need help with: [log in to see the link]

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Daddio,

    The widget is there, but it is being hidden by some of your theme CSS at the moment.

    Please go to Appearance > Customize > Additional CSS and add the following:

    .main-navigation ul ul {
    	display: block;
    	position: relative;
    	background-color: transparent;
    }

    Regards,
    Tom

    Thread Starter DaddioD

    (@daddiod)

    Ok Thanks for the help.

    Thread Starter DaddioD

    (@daddiod)

    However when I add that the menu widget does show, but is not bound by its container.

    Not sure where to look for additional css rules.

    Plugin Author megamenu

    (@megamenu)

    Hi Daddio,

    I’m not sure what you mean by that sorry. To find the CSS rules, set the menu event to “Click”. Then you will be able to expand the sub menu and keep it open whilst using the browser inspector to see which styles have been applied.

    Regards,
    Tom

    Thread Starter DaddioD

    (@daddiod)

    when inspecting that menu the only css rules applied are the ones applied by max mega menu plugin. The column that should contain the widget does not appear to contain anything, therefore its height is 0%. However if I look at the html source the menu widget is in that column.

    I am also using the siteorigin pagebuilder plugin, is there any known conflicts between the two plugins.

    By the way every other widget works in that menu column. It is only related to the Navigation Menu widget.

    Plugin Author megamenu

    (@megamenu)

    Hi,

    On the district menu item when I looked previously you had 3 columns:
    Menu Items
    Image Widget
    Navigation Menu (the one that didn’t display)

    Now I see just 2 columns:
    Menu Items
    Image Widget

    Please add the navigation widget back in, and also the CSS I sent previously, and I will take another look.

    Regards,
    Tom

    Thread Starter DaddioD

    (@daddiod)

    Added back.

    Thread Starter DaddioD

    (@daddiod)

    I also have a test site that uses max mega menu plugin. The previous version of the plugin displayed the navigation menu normally.

    After the update and clearing the css cache the navigation menu widget disappeared. Just like the live site.

    Thanks

    Plugin Author megamenu

    (@megamenu)

    Thanks.

    Now, if you set the Event to Click, you’ll be able to inspect the navigation widget and see the CSS that the menu widget is inheriting:

    https://screencast.com/t/AshqFbmE2iah

    First off I can see it is set to “left: 100%”, so you’d need to override that and set it back to auto.

    You could also try enabling “Reset Widget Styling” in the menu theme (under Mega Menu > Menu Themes).

    What is the reason for using a navigation widget? Could you just add the menu items to the menu like you have done in first column?

    Regards,
    Tom

    • This reply was modified 4 years, 9 months ago by megamenu.
    • This reply was modified 4 years, 9 months ago by megamenu.
    Plugin Author megamenu

    (@megamenu)

    Hi Daddio,

    On your test site, please could you install WP Rollback and roll back MMM to v2.4, then post a link to it so I can compare the differences?

    Regards,
    Tom

    Thread Starter DaddioD

    (@daddiod)

    The rollback has been done. You may view that site at
    http://asd.tdickerson.com

    By the way after clearing the CSS cache the navigation widget appeared as back to normal.

    The reason for using the widget is because I am only allowing the end user to update that single menu.

    Plugin Author megamenu

    (@megamenu)

    Hi Daddio,

    Thanks for posting that link.

    The difference between the dev site and the live site is that the “Mega Menu > Menu Themes > General Settings > Reset Widget Styling” is enabled on the dev site.

    Try enabling that also on your live site and it should work.

    Regards,
    Tom

    Plugin Author megamenu

    (@megamenu)

    Hi Daddio,

    Another user reported an issue here: https://wordpress.org/support/topic/blank-menu-bug/

    I think this is the root of this problem. If you update to 2.4.1.4 everything should work as it did before. Apologies for the troubles!

    Regards,
    Tom

    Thread Starter DaddioD

    (@daddiod)

    Thanks for your help and for the great mega menu plugin.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Navigation widget in Grid Layout’ is closed to new replies.