MX CSS Menus Forum :: CSS Menu Overlap when too long

Hello Currently the CSS Menus 2 will overlap the original menu option choice when the sub menu options are too long. Here is an example:

http://66.29.103.146/insurance/

When you mouse over "About Us" all sub menu items appear the "About Us" button. However, when you mouse over "Commercial" the sub menu items are so long that (if your screen is short) the sub menu items will over lap the original "Commercial" button.

My question: Is there any way to force sub menu items to appear below their original primary menu button?

Hi,

Forcing the submenu to display below the button is going to create more problems.
What's happening is CSS-Menus are trying to display the complete menu, and it is getting it right.  I have a big screen and when I max out the screen the menu appears where it is suppose to.

I never had this problem but I would thing you should be able to edit the CSS to display the submenus where you want them.

If you force the menu to display below, your visitors will not see the lower menu options unless they try and scroll down and hope not to miss the last option, as what happened to me.

I suggest you need to re-think your navigation strategy.

any idea how to make this happen? what css or javascript code i would tweak?

Had a quick look at your code using "firebug" (firefox plug-in)

As far as I can tell you will need to play around with this class "CSSMenu2_el"

I edited the style directly in firebug and changed the "position: absolute" to "position: static"

That had the result that the menu stayed at the same place but the z-index / visibility was all messed up.

Thanks for taking a look at it.

I think I'm going to go with another solution.