title: Java Script Placement and Unresponsive HTML5
body: <p>I am creating a website for my friend and was able to fix most of the things in general. However, Im having a problem with the mobile version and the javasrcipt for the site. H</p>
  
  <p>Here is the first edited try that I did wherein the java script for the smooth scrolling of different section is completely working along with when you emulate an iphone in your browser, it has that hidden menu on the top.</p>
  
  <p>Click to see here : <a href="http://www.jakenallas.com/testRico" rel="nofollow">www.jakenallas.com/testRico</a></p>
  
  <p>After a couple of revisions, I think i messed it up somewhere in the CSS or the javascript at some point. I'm trying to get the same scrolling effect from before, the straight lined images for the portfolio section and the hidden menu when you go to mobile.</p>
  
  <p>I believe that I must manage to fix the mobile css but I have no idea on where to start.</p>
  
  <p>Here is the link on how it looks like now. <a href="http://www.jakenallas.com/testRico9" rel="nofollow">www.jakenallas.com/testRico9</a></p>
  
  <p>In addition to my query, I've seen errors in the javascript inspect element in the brrowser saying this > “uncaught TypeError: Object is not a function” in JavaScript"</p>
  
  <p>I hope you could help me fix this.</p>
  
  <p>Thank in advance.</p>
  
  <p>Regards,
  Jake</p>