Gimana yah cara membuat "responsive menu" pada tema Wordpress dengan jQuery ??

Hai para master and teman2 Sekolah Koding, setelah melihat turorial membuat tema wordpress maka muncullah pertanyaan yang udh ane tulis dijudul hehehe :D

langsung aja deh,

ini ane udh tulis fungsi bawaan wp buat nampilin menu/page yg ud kita buat di halaman admin wordpress, dan anggap saja ane udh register fungsi wp_nav_menu pada functions.php ini cth kodenya :

<?php
<nav>
  $args = array(
   'theme_location' => 'top-nav'
  );
  wp_nav_menu($args);
</nav>
?>

maka yang terjadi pada web browser seperti ini : gambar 1 *itu masih polos karena ane belom coding CSS nya..

sementara ane bertujuan biar bisa kaya gini menunya : gambar 2

nahh sekarang ada beberapa hal yang ane pengen tanyain , yaitu : 1). Gimana caranya menu2 tersebut bisa menjadi responsiv dengan bantuan jQuery ?? 2). Gimana Prosedur yang bener untuk ngeload file2 jQuery pada tema Wordpress ??

okeh.. mungkin itu beberapa hal yang pengen ane tanyakan, semoga para master dan teman2 di Sekolah Koding bisa memberikan ane masukan, pencerahan, tips&trick, atau apapun itu bentuknya.. supaya ane tau dimana jalan yg benar untuk membuat sebuah menu responsiv dengan jQuery pada tema wordpress. hehe

*mohon Masukannya, kalo ane ngawur atau pertanyaannya kurang jelas .. cmmiwww ^^V