http上で表示されたjavaを使用したレスポンシブメニューがhttps上では崩れてしまいます

###前提・実現したいこと
Javascript初心者です。
jQueryを読み込み、meanmenu.jsでレスポンシブメニューを使用したいと考えております。
httpでテストアップをした際には、きちんとメニューが表示されましたが、
httpsでアップした際には、読み込むことができず、崩れてしまいました。
https上で表示できるようにするにはどの箇所を変更すれば良いでしょうか。
ご教授いただけましたら幸いです。

###発生している問題・エラーメッセージ

エラーメッセージ
特になし？かと思います。確認した際に、崩れてしまっています。
meanmenu.jsに関しましては、こちらで内容の変更をおこなっていません。

###該当のソースコード
<!doctype html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <!--[if lt IE 9]-->
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <!--[endif]-->
    <script type="text/javascript" src="js/jquery.meanmenu.js"></script>
    <script>
/* レスポンシブメニューオプション */
$(function() {
    $('header nav').meanmenu({
    meanMenuClose: "x", // クローズボタン
    meanMenuCloseSize: "20px", // クローズボタンのフォントサイズ
    meanMenuOpen: "<span /><span /><span />", // 通常ボタン
    meanRevealPosition: "left", // 表示位置
    meanRevealColour: "", // 背景色
    meanScreenWidth: "780", // 表示させるウィンドウサイズ(ブレイクポイント)
    });
    
  });

</script>