test
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • ruskenb Friend
    #145050

    Hi there,

    I have this problem of pop-up images dissapears behind the header / top menu.

    Its something like this:
    http://www.joomlart.com/forums/topic/bug-popup-image-goes-below-the-header/

    The problem is here:
    http://www.kedai-buku.com/kedai-buku/details/654/54/novel-umum/jemari-seni-publishing/js-tanya-pada-hati.html

    Try to click on the left image to zoom it and it will apper behind the header / topmenu.

    I tried to implement the above solution, but its not working on ja cooper business.

    How to solve this issue?

    thanks

    rusken

    mihirc Friend
    #320033

    Hello,

    I clicked on the link you mentioned and the image is coming on top of the menu. So it is correct.

    Sorry for not being of much help here!

    Mihir.

    ruskenb Friend
    #322974

    Sorry I forgot to mentioned. You need to click on the image so that it will appear light-box, which apparently the image is behind the menu. It’s like the following snapshot:

    Fast solution is to scroll down a bit then click on the image. But thats not how it should be corrected.

    I tried this solution:
    http://www.joomlart.com/forums/topic/bug-popup-image-goes-below-the-header/

    but it does not workout. Any help really appreciate.

    Anonymous Moderator
    #322993

    Hi

    Please open components/com_virtuemart/js/slimbox/css/slimbox.css file, at the top of file, find following code section:


    #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    }

    #lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    }

    and change to:


    #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    z-index: 999;
    }

    #lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    z-index: 1000;
    }

    Anonymous Moderator
    #322994

    Hi

    Please open components/com_virtuemart/js/slimbox/css/slimbox.css file, at the top of file, find following code section:


    #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    }

    #lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    }

    and change to:


    #lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    z-index: 999;
    }

    #lbCenter, #lbBottomContainer {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    z-index: 1000;
    }

    ruskenb Friend
    #322997

    thank you very much sir…. problem solved.

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 3 voices, and was last updated by  ruskenb 15 years, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum