fancybox next and previous buttons not working in mobile

fancybox next and previous buttons not working in mobile

I'm working on my portfolio website and I've used Fancybox 2 to showcase
some portfolio items. Everything works beautifully on the desktop in
Firefox, Safari and Chrome, but for some reason on mobile (iPhone) the
next and previous buttons don't work and the images go all small and jump
to the right slightly. The close button works just fine.
This is my javascript:
<script type="text/javascript">
$(document).ready(function() {
$("a.fancybox").fancybox({
'transitionIn': 'fade',
'transitionOut': 'fade',
'speedIn': 600,
'speedOut': 200,
'overlayShow': true,
margin: [60, 60, 50, 60] // top, right, bottom, left
});
});</script>
I haven't changed any of the default css that came with the fancybox
download, but I did customize the close and nav buttons. I don't think
that would have anything to do with it though, would it?
If there's anyone who might know how to fix this, I would very much
appreciate the help!
Thanks!