Joomla Templates Club 406,261 posts

[ruskenb Friend ruskenbJoin date: September 2006Posts: 48Downloads:9Uploads:0 Thanks: 4]

#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 mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#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 ruskenbJoin date: September 2006Posts: 48Downloads:9Uploads:0 Thanks: 4]

#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 JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

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

1 user says Thank You to JA Developer for this useful post

1. ruskenb

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

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

1 user says Thank You to JA Developer for this useful post

1. ruskenb

[ruskenb Friend ruskenbJoin date: September 2006Posts: 48Downloads:9Uploads:0 Thanks: 4]

#322997

thank you very much sir…. problem solved.

[Author]

Posts