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: email@example.com