Lightbox js picture popup under menu

Q: I am having issues regarding the following:
lightbox js picture popup under the menu on my page.
How can I fix this?

A: You should 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:#ffffff;
}

#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:#ffffff;
}

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

Related