レスポンシブでサイトを作るのですが、下記のような条件を満たせるメニュー（グローバルナビ）のコーディング方法（jQueryでも）があれば教えていただきたいです。
•PCではナビゲーションのボタンを画像で表示し、ドロップダウン表示する。
•スマホでは画面右上にボタンを表示し、ボタン押下でメニューを表示。各メニューのボタンでは画像を使わずテキストで表示する。多階層表示する。
•後にWordPress化する予定あり

色々調べてみたのですが、どれが良いのか判断しづらかったため、質問させていただきました。
よろしくお願いします。