search

elevateweb / elevatezoom

1.03k stars 492 forks source link

Disable Zoom effect on Hover #122

Open nomansbeauty opened 9 years ago

nomansbeauty commented 9 years ago

We are using this plugin in our WP theme: http://www.elevateweb.co.uk/image-zoom

We want to disable zoom option for Mobile devices or responsive sizes. But when we do so, gallery also stop from working, which is a trouble. Is there any value or variable we can use to ONLY disable Zoom effect completely for mobile devices?

Can anyone suggest how to do this or if someone did it for their theme in past? Thanks.

rahilbhansali commented 8 years ago

Do you still need help here? I have a quick solution which helps.

Just hide the zoom container below a certain window size / for a viewport size. The zoom hover will not show.

$('.zoomContainer').hide();

You can also remove the zoom container in mobile. And reinitialize on resize.

nomansbeauty commented 8 years ago

Hey @rahilbhansali Yes, Thanks for the suggestion. But can you please provide a little more step by step info on this, how and where to do that? Thanks