Hello everybody.

I use OM-Maximenu for some time and never had problems. But this time, I have two OM-Maximenu on a site that I'm finishing up: a top menu and a menu on the left side.

When the cursor of mouse overlap to the first link in the top menu to open the submenu, the submenu appears, but the side menu overlaps the submenu, as the image below:

I can not figure out if this is a configuration issue, CSS, or even a bug.

Can you help?

Tks.

CommentFileSizeAuthor
OM-Maximenu.png10.73 KBastutonet
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

astutonet’s picture

Component: Miscellaneous » Code
Category: support » bug

Hi guys, nothing to do about this issue?

Diane Bryan’s picture

I've solved Om Maximenu overlaps by deciding what the stacking order should be for the various menus, (somebody is always on top), and then applying z-index in the theme's CSS.

To find out which CSS selector gets the z-index, you should be using Firebug plugin or something similar. The thing that sits on top gets a higher z-index value (you might make the container for your top menu z-index 500, and the container for the side manu z-index 400, for example).

If you're having no luck with z-index, it could be that an absolute positioned object is sitting on top.

Using Firebug and looking at the CSS for each div or element, you should be able to figure out what's holding an object above the others.

astutonet’s picture

@Diane, Thank you for your register. For the case shown, the problem was solved in another way, since one of the top menu items was excluded.

But your tip is precious and can be used in future cases.