Jump to content

prettyphoto conflict with responsive menu display


chrisbourn
 Share

Recommended Posts

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

Link to comment
Share on other sites

 Share

×
×
  • Create New...