Disabling prettyPhoto Media for mobile devices

Hello all

I currently have the prettyPhoto media plugin running on my site in conjunction with a tiled galleries plugin, works very nicely. Unfortunately prettyPhoto looks very bad on mobile phones, when an image is clicked on the overlay only fills half of the screen and image is tiny, no good. I have tried removing the rel="prettyPhoto" with jQuery on smaller screens, but that seems to do nothing, there is lots of information out there on how to disable it for small screens, I have tried it all and to no avail, nothing seems to work.

If anyone has any ideas on how to disable a plugin for mobiles, or any way to disable prettyPhoto media wordpress plugin for mobiles, please get in touch. literally any ideas, i’m all out.

Here is a link to the page: http://nicholaspope.co.uk/images/

Thanks in advance

All the best

Rook

[Moderator Note: Please ensure that you are embedding links correctly in your posts.]