When the show starts drop down menus stay "on top" of the jquery popup modal

Q: I have purchased your program a few months ago and I have built a photo
gallery for my web site. The problem I am having is after I put the gallery in
my web page and view it, things look okay until I click on a photo, when
the slide show starts my drop down menus stay "on top" of the slide show?

How can I fix this?

A: Find the following code in engine/css/visuallightbox.css file:

#overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:auto;
background-color:#151410;
}

#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:100;
text-align:center;
color:#151410;
line-height:0;
}



and change it to:

#overlay{
position:absolute;
top:0;
left:0;
z-index:9000;
width:100%;
height:auto;
background-color:#151410;
}

#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:10000;
text-align:center;
color:#151410;
line-height:0;
}

Related