Navigation widget in Grid Layout

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

Ok Thanks for the help.

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.

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

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.

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

Added back.

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

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 6 years, 9 months ago by megamenu.
• This reply was modified 6 years, 9 months ago by 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

The rollback has been done. You may view that site at
https://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.

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

Hi Daddio,

Another user reported an issue here: https://www.ads-software.com/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

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