[SOLVED] Top Menu / Image Zoom Compatability - Black & White Theme

[enjay82]

Hi there,

I'm having issues with the top menu overlapping images when they've been enlarged (see attachment).

I used the code in this thread to fix the problem of the top menu overlapping the home page slideshow

http://www.prestashop.com/forums/viewthread/60248/themes/solved_browser_compatibility_issue_of_the_black___white_theme_top_menu

but how do I stop it from overlapping the enlarged images?

[razaro]

Change in superfish-modified.css z-index from 9999 to 999 should be enough
So from

.sf-menu, .sf-menu * {
list-style:none outside none;
margin:0;
padding:0;
z-index:9999;
} 

to

.sf-menu, .sf-menu * {
list-style:none outside none;
margin:0;
padding:0;
z-index:999;
} 

Then change z-index for thichbox it is in your root folder /css/thickbox.css

#TB_overlay {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:1100;
}

thickbox.css (line 34) from 100 to 1100 for example and

#TB_window {
background:none repeat scroll 0 0 #FFFFFF;
border:4px solid #525252;
color:#000000;
display:none;
left:50%;
position:fixed;
text-align:left;
top:50%;
z-index:1102;
}

thickbox.css (line 56) z-index from 102 to 1102

[enjay82]

Change in superfish-modified.css z-index from 9999 to 999 should be enough
So from

.sf-menu, .sf-menu * {
list-style:none outside none;
margin:0;
padding:0;
z-index:9999;
} 

to

.sf-menu, .sf-menu * {
list-style:none outside none;
margin:0;
padding:0;
z-index:999;
} 

Thanks very much Razaro

Had to change the 999 back to 909 though, as the menu was still showing up over the image.