prettyphoto conflict with responsive menu display

[chrisbourn]

I'm wondering if anyone can advise on the following.
(I apologise in advance as I'm not over familiar with .js and prettyphoto, etc)

We have a site footiegoals.com and this utilises prettyphoto, in order to get prettyphoto to work on the website on the pictures I had to comment out the lines as shown below.

Prettyphoto then works fine. However the responsive menu does not display then if the screen is resized or if its viewed from a mobile phone

Im assuming its a conflict of sorts between the version of .js used ?
 

Is there any way to fix this does anyone know?

<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<link rel="stylesheet" href="prettyphoto/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />

<link href='http://fonts.googleapis.com/css?family=Coda:400,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/custom.quicksand.js"></script>

<script type="text/javascript" src="js/jquery.quovolver.js"></script>

<!--   
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script src="js/script.js"></script>
-->

Thanks in advance

[adrian]

@chrisbourn - welcome to the ProcessWire forums. I am not sure if you meant to post here as it doesn't appear that your site is actually built with ProcessWire. Please correct me if I'm wrong, but perhaps you'd do better on the prettyphoto forums.