HI!

This is not necessarily question for this theme, but since I am using it for my project, maybe there is a theme specific solution.

I have made a test page which you can see at: jarusica.lin33.host25.com/index.php/actuant-ponuda/bep-ponuda/detektori-plina

When you hover over a picture it shows full resolution image. When you click on the image it opens a gallery. I need to work on styling still, but it works as I want it!

Problems arise when you try to browse on touch based device. Since there is no mouse pointer, there is no hover, so first click on the photo simulate hover and I get this large image that is not responsive and the effect is simply not suitable for touch device.

This is a code example for one image:

If I remove class "preview", than the hover effect is not loaded.
I would like to know is it possible to automatically stop "preview" class from loading when touch based device is detected.
Or it could be the other way around, don't load "preview" class unless there is a mouse pointer detected. This might work better, since there are now hybrid Windows 8 computers. For the same reason I would like to avoid resolution based detection.

I have tried searching the web and found some JS and similar solutions that seem complicated to me, because I don't really know how to implement them.

Since this is a reposnsive template, I was wondering is there some kind detection built into the framework that could be easier to implement.

The only option available via the framework work is the option to add a class to a module suffix to hide the module on certain screen widths

I'll ask a developer when they are available if they have any more input

Cheers
Paul