This seems like it would/should be really easy, so I think I am missing something simple, but how do I set the width of the submenu dropdowns, like on this site: mortarnet.com. I see that the width is being set using JS but what is the logic and how can I control it? The width it is using is too narrow.

Thanks

Hello,

When "Auto width" parameter is enabled, the extension calculates width for menu items automatically. It sets the same menu width for menu items from one parent. If you want to show text of sub-menu items in one line, add the following CSS rule to "CSS Styles" parameter in module settings:

.ux-menu-sub LI A {white-space: nowrap;}

Regards,
ARI Soft

Thanks for that suggestion. I turned off auto-width and am not setting it manually which gives me more control, but then I notice another problem. Since its a responsive site I am testing at different widths. When site is in phone width I hide the Ari menu and use a different menu system. But if I load the site in mobile view and the stretch it out again to full wide, the Ari menu does not work because I suppose the width/height calcs it does on load do not work when it is hidden.

So the question is... is there a way to recalc on screen re-size instead of just on load?

The extension doesn't support this ability.

Regards,
ARI Soft