Disable within responsive design making the page scrollable

Hi,
I tried following the instructions found here:
http://wordpress.org/support/topic/how-to-disable-within-responsive-design?replies=5
My code now is:

.yith_magnifier_zoom_wrap:nth-of-type(2){
	display:none;
}

@media only screen and (min-width: 768px) {
	.yith_magnifier_zoom_wrap:nth-of-type(2){
		display:block !important;
	}
}

The problem is that if I try to scroll the page over the image (that could be as wide as the whole page), the page does not scroll, as if the mousetrap is still active..
I just tested it with 2 iPhones and 2 different safari/iOs versions.

Is there something I can do to solve the problem?
Thanks a lot!!

http://wordpress.org/plugins/yith-woocommerce-zoom-magnifier/