Adding slideshow javascript crashes my mobile menu

I cannot seem to add anything to the header section without crashing my mobile menu causing it to display like a site map instead of correctly.
I am simply trying to add the following to the html_header.php file in /includes/templates/responsive_classic/

HTML Code:

---

  } else if ( $_SESSION['layoutType'] == 'full' ) {
    echo '';
  } else {
    echo $responsive_default;
  }
}
?>
<link href="cc-slideshow-be4ffe51/css/slideshow.css" rel="stylesheet">
<script>document.createElement( "picture" );</script>
<script src="cc-slideshow-be4ffe51/js/picturefill.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="cc-slideshow-be4ffe51/css/main.css">
<script src="cc-slideshow-be4ffe51/js/jquery-1.8.2.min.js"></script>
<script src="cc-slideshow-be4ffe51/js/revolver.min.js"></script>
<script src="cc-slideshow-be4ffe51/js/slideshow.js"></script>
  <script type="text/javascript">document.documentElement.className = 'no-fouc';</script>
  <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
<?php // ZCAdditions.com, ZCA Responsive Template Default (EOF-addition 2 of 2) ?>
<?php
  $zco_notifier->notify('NOTIFY_HTML_HEAD_END', $current_page_base);
?>
</head>

<?php // NOTE: Blank line following is intended: ?>

---

Anyone know why or maybe tell me where I should add it instead. I need it in the header to use my special banners.

Thanks

Do you have the .js files in your template folder or another location?

They are in another location but it is specified.

Code:

---

cc-slideshow-be4ffe51/js/jquery-1.8.2.min.js

---

Are you hinting that I need to put them in another directory instead?

You can try putting the full url in and see if that works.
Preferrably .js will go under your templates directory. You may want to have a look at https://www.zen-cart.com/wiki/index....s_-_Javascript

Its just a wild guess without actually seeing your actual site (need the URL for that).