Use the following CSS rules, please:

1.



2.



3. Try to add the following CSS rules to menu.min.css file:



Regards,
ARI Soft

Didn't work adding to menu.min.css, but with some tweaking got it to work adding it to template css.

The right topmenu item By State's sub-menu, sub-menu items are still not displaying. Is there a way to display these back to the left?

Is there a way to change the height of the submenu items so they all fit on page?

Sorry, use the following CSS rules for sub-menus:



Regarding sub-menus height, it breaks sub-menu items background.

Regards,
ARI Soft

Can you please explain why the menu bar looks/works great on home page (www.certificationsofamerica); however, there are no dropdowns shown on any other page. Thanks

Hello,

What browser you use? We have tried to reproduce this issue and select different sub-pages from the menu, but everything works fine.

Regards,
ARI Soft

I have had the same issue that I am still trying to resolve. If you want the menu to be flush with the end of the container it appears you have to set classes on your anchors and set separate widths for each one. Apparently there is no need to set dimensions on the LI since a dimension on the "a" will expand the floated LI. Then remove any side padding and use text-align:center;

It looks like all these changes need to be made within menu.min.css unless otherwise suggested.

That will allow the menu to survive a couple of zooms and keep the menu flush. Here is an example: www.css-lab.com/demos/nav/anchor-class.html

Just right-click and View Page Source on this page to see source code. I am not sure how to precisely incorporate this method within Ari Ext Menu. Perhaps the Admin could shed some light?