ヘッダーメニューをドロップダウン化したい

メニューよりサブカテゴリを追加するとメインのしたにくっ付いて既に表示されてしまいます。
マウスを当てることによりサブカテゴリを表示させたいです。
やり方ご存知の方、知恵お貸しください。よろしくお願い致します。

ヘッダーのnavバーと思われるコードを貼ります。

<div class=”navbar navbar-default”>
<div class=”container”>

<div class=”navbar-header”>
<button type=”button” class=”navbar-toggle” data-toggle=”collapse” data-target=”#main-navi”>
<span class=”sr-only”>Toggle navigation</span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
<span class=”icon-bar”></span>
</button>
Menu
</div><!– /navbar_header –>

<div class=”collapse navbar-collapse” id=”main-navi”>
<?php if(function_exists(‘wp_nav_menu’)): ?>
<?php wp_nav_menu(array(‘container’ => ”, ‘menu_class’ => ‘mainnavi nav navbar-nav’, ‘theme_location’ => ‘header’)); ?>
<?php else: ?>
<ul class=”mainnavi nav navbar-nav”>

/”><?php _e(‘top page’,’usces’) ?>
<?php wp_list_pages(‘title_li=&exclude=’ . USCES_MEMBER_NUMBER . ‘,’ . USCES_CART_NUMBER ); ?>

<?php endif; ?>
</div><!– /mainnavi –>

</div><!– /container –>
</div><!– /navbar –>

</div><!– end of header –>

<div id=”main” class=”container”>
<div class=”row”>
<!– end header -ーーーーーーーーーーーーーーーーーーーー