[FuturisedParticipant]

Hello,

I have an issue with Mega Submenus in ubermenu. I’ve followed tutorials and advice including http://sevenspark.com/docs/ubermenu-3/theme-integration/x. The issue is the links under the 2nd level submenus will not appear for either of the submenus.

They do appear when submenu type = Flyout Submenu
The don’t appear when submenu type = Mega Submenu

Please let me know if this should be asked at sevensparks instead.

[FuturisedParticipant]

I got it working. It does not work until the option is enabled “Allow Dropdown within Mega Submenu Experimental. Will allow dropdown submenus to appear within mega submenus.” This took a long time to figure out.

[FuturisedParticipant]

This reply has been marked as private.

[FuturisedParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi Clint,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

If that does not work, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks,

Joao

[FuturisedParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

It’s because of the first level sub-menu, it’s restricting the dimension of its child element. The top level menu is “Stores”, then it has first level sub-menu, then each first level sub-menu has the 3rd level sub-menu. Please note that each sub-menu is only limited to its parent size.

I suggest that instead of using that set up, just embed another instance of navigation under primary menu. That will make each navbar independent to each other.

Thanks!

[FuturisedParticipant]

Hi Rad,

I think it’s a bug with ubermenu or maybe I’ve configured incorrectly but it seems what I’ve done should be standard, a submenu that opens when hovered. I’ve now simplified it from:

menu > submenu > menuitem

it’s now:

menu > menuitem

I’m not sure why there would be any size restriction. Changes I’ve made are menu bar alignment “full width” and it’s unbounded.

Would you know of any sites using a similar navigation in xtheme that I can see working? It seems what I’m doing is standard now but if it isn’t please let me know if you have any other suggestions, the issue remains with the navigation staying open. Thanks.

[RadModerator]

Hi there,

I’m referring to size restriction of each menu item and not the size of the entire menu. As you’ll notice, each menu item has a small size area, the reason the 3rd level sub menu isn’t working is because the parent menu is set to overflow:hidden.

I checked and looks like you fixed it now.

I don’t see any same setup before, but you can always check Ubermenu documentation for other samples.

Cheers!

[FuturisedParticipant]

Hi Rad,

Thank you for the advice I will look at overflow if I have another issue. This was due to me somehow checking on the option “Force Current Submenus Open Full Time”, I have unchecked it and the problem is solved. I didn’t notice this option earlier (as there are a lot of options to learn). Thanks for looking into it. It’s good now!

[FuturisedParticipant]

And you are right when I change to 3 teir layout, adding this code will show the submenu.

.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
overflow: visible;
}

[RadModerator]

Hi there,

Glad it’s okay now. And thanks for sharing 🙂

Cheers!

[Author]

Posts