Lightbox preview

Tata55

2014-03-07 13:27

Hi, I try to modify a responsive template and use the "zooming" lightbox for products preview. The images are 800x600 and the zoomed product image is show in a light box of 800x600 centered on the black opaque background. On smaller resolutions (tablets, smartphones with smaller displays however, the lightbox still keeps its predefined dimensions and position set from the left margin and it "runs out of the screen".
My questions is:
Where can I change the behavior of the lightbox for respnsive media so, that below the 800 px of width it would always use e.g. 95% of the screen width?

I would highly appreciate if somebody could send me the answer to my e-mail: info@cmsimple.sk

Thanks in advance.

» Quick.Cart v6.x

Jupraw

2014-03-07 15:38

http://opensolution.org/forum/wyswietlanie-zdjec-na-responsywnych-skorkach,10751.html

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1046px){ /* RWD Step 1 */
}
@media screen and (max-width:765px){ /* RWD Step 1a */
img {max-width : 540px ;}
}
@media screen and (max-width:540px){
img {max-width : 320px ;}
}
@media screen and (max-width:320px){ /* RWD Step 3 */
img {max-width : 240px ;}
}

Jupraw

2014-03-07 16:04

or

@media screen and (max-width:1020px){
img{width:100%;}