open this CSS file:
/templates/YOUR_TEMPLATES/html/com_vrituemart/assets/Flexible/fancybox2.css
scroll to the bottom, find these lines:
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox2-loading, .fancybox2-close, .fancybox2-prev span, .fancybox2-next span {
background-image: url('fancybox2/[email protected]');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox2-loading div {
background-image: url('fancybox2/[email protected]');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
and replace them with this:
/*Retina graphics!*/
#fancybox2-loading, .fancybox2-close, .fancybox2-prev span, .fancybox2-next span {
background-image: url('fancybox2/[email protected]');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox2-loading div {
background-image: url('fancybox2/[email protected]');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
FYI: Remove the media queries.
the problem will be fixed then.
Regards.