I had a problem while using Yui menu. All were right but when a sub menu is displayed it gets below the node , i.e the front page of website is getting on top of the sub menu & the sub menu becomes transparent.
I want that the submenu appear on top of everything else.

You can have a look on this issue on my website where the menu are getting hidden under the page @ www.izeans.com

As I am a newbie & have very little knowledge about programming, can anyone tell me which file to edit & what to edit.

Comments

joeBro’s picture

Look in your modules/yuimenu/yuimenu.css and get rid of ul li

original:

#yuimenu ul li
{
  position: relative;
  z-index: 999;
  background-image: none;
}

modified:

#yuimenu
{
  position: relative;
  z-index: 999;
  background-image: none;
}

so you put the whole menu on a higher level in the layer stack, not just ul li...

Though, I'm a newbie to Drupal and css, so their might be a better way.

heartringers’s picture

Thanks JoeBro For your Help.But what You said is also of no help.I am using FilmForge Theme & the problem Happens Only In Internet explorer, In Mozilla It works fine.

Now I had changed the theme To Amor Azul, the problem seems to be get solved a little As the mentioned Problem is not there.

But I am facing another Problem While viewing In Internet Explorer.When I Hover my mouse on a dropdown menu It work fine for the first time. But when I hover my mouse on tht item for 2nd time, The dropdown contents appear in the left instead of where its parent menu is.

bakyildiz’s picture

Status: Active » Closed (cannot reproduce)