Megamenu and "my account" shadow

[LHorton]

Hi All

I am in the process of upgrading my site from V9 to V11.

I can't seem to stop the header of the megamenu I am using from shows through the "my account" shadow when editing account details. I assume this is something to do with z-index, but I don't seem able to fix it. Any help would be much appreciated.

You can see it here

username: SellerDeck
password: help

thanks
Lee

[LHorton]

Still struggling with this one. Any ideas anyone?

[I-CC]

Afraid the link to the example is a dead link, so cant look im afraid.

[LHorton]

Strange, the link works for me.
here it is in full
http://www.legerereeds.co.uk/supplies/test/
sorry about that
Regards
Lee

[I-CC]

Maybe you are seeing a cached copy, as getting not found here.

[Duncan Rounding]

Likewise - 404 for me.

[LHorton]

Sorry about that. I think I deleted the site by coming out of test mode. Uploaded again now.
Thanks for taking the time to look. Much appreciated.

[NormanRouxel]

You're using the Drillpine Multi Column Menu (aka Mega Menu).

Site is now on-line and the Menu seems to be working OK. Tested using Firefox and IE9 both as normal customer and logged-in one.

However I've no idea what shows through the "my account" shadow means so may be missing something.

Could you explain what browser you are using and exactly how you get to the page in question?

[Duncan Rounding]

I think this is what Lee is referring to - see attached image.
The MM is still active and is 'above' the shaded background when editing account details.

[LHorton]

Hi Norman

Hope the attached image helps to explain it.

[NormanRouxel]

That's obscure but I can replicate it. Try this. In the Design Tab, click the Current Stylesheet button. Look for the line:

.myaccount-shadow {

Immediately after it add a new line:

	z-index:9999;

[LHorton]

Perfect!
Thanks Norman

[NormanRouxel]

Here's another way to achieve the same thing without tinkering with any SellerDeck layouts:

Remove the z-index:9999; line from the Current Stylesheet.

Go to Design / Library / Layouts / Multi Column Menu / Multi Column Menu Setup.
Look for the line:

$(document).ready(function() {

Immediately after that add a new line:

	$('.myaccount-shadow').css('z-index', '9999');

I'll add this into my menu at the next update.