Mega menu is showing behind lightbox

I guess this is easy to solve, but how can I hide mega menu (or Dropline, SplitMenu) under the lightbox popup?

Now, when the lightbox popup is created, the megamenu can be seen underneath the popup and also used through the popup.

I know I should somehow modify the z-index, but don't know how in this case.

I had the same problems with youtube and rokbox images. Images was always behind. Now i have to add to every youtube code parameter: wmode="transpaprent". Maybe this could help in some way.

I dont'k know, if that is a solution for me, though.. I think one solution would be assigning menu just for certain pages, but is that possible..? In default, the menu is showing on every page whether it's published or not from the modules.

I changed the following line in the gk_stuff.css:

Code: Select all

#gk-nav { height: 46px; line-height: 46px; position: relative; z-index: 100000; }

to

Code: Select all

#gk-nav { height: 46px; line-height: 46px; position: relative; z-index: 100; }

Hope that works for you...

Greetings,
Stephanie

Yes, that did the trick!! Great!!

I also have a problem with the top menu showing infront of lightboxs. I've tried changing the z-index without any luck, it shows up correctly in IE but not in firefox 3.6.7. Any solution to this?

Please any help on this issue

Hi
obyfield can you give me url to your site ?

It's ok now,got the solution in another thread. Thanks.

Hi,

I have the same problem. My submenu is showing behind the header position only on Internet Explorer 8.
All is ok on firefox or Google Chrome.

Can you help me to fix this problem. Thanks.

Hey Gavick Team,

Have you a solution to resolve this problem ?

abdenour can you give us url to your site?

Hi Konrad,

my website url is wwwbeta.coriolis-service.fr

Unfortunetly isn't working.

URGENT!!

Is there a fix for this issue???

http://builders.l3creative.co.uk/index. ... e-features

I want the menu to be faded out like the rest of the site

URGENT!!

Please add this to override.css

Code: Select all

#lbOverlay {
z-index: 10001;
}
#lbCenter, #lbBottomContainer {
z-index: 10002;
}


Should fix it.