ヘッダーメニューのレスポンシブ化について

最近本格的なＨＰ作成を始めた初心者です。
以前から、アメブロのcssなどはちょこちょこいじっていました。
よろしくお願いします。

インストールする際についてくるテーマの「Dark Chocolate」を元に、サイト作成しています。

元々、レスポンシブなサイトを作る予定だったため、他のテンプレートも試したのですが、main.cssや各phpの記述が複雑すぎてわからないため、そのへんがシンプルだった「Dark Chocolate」を元にサイトを作ってレスポンシブ化する方法を選びました。

表題の件ですが、ヘッダーメニューはオートナビで作っていて、ネットの情報を元に、色々試したのですがうまくいきません。

それならばと、ヘッダーメニューにHTMLブロックを追加して直接記述し、jqueryなどを使った方法を試したのですが、編集ボタンや管理画面のボタンが出てこなくなったり、ページが文字化けしたりして、インストールしなおすハメになりました・・・。

理想は以下のようなレスポンシブメニューです。

http://webkaru.net/jquery-plugin/naver/

jQueryプラグインを使いたい場所が他にもあるため、jQueryをconcrete5で使う方法をマスターしたいので、オートナビ以外にも、記事ブロックや画像ブロック、マーケットプレイスからダウンロードしたアドオンに使う方法などもご教示いただけると幸いです。

よろしくお願いします。