Как я могу разместить два меню в одном div?

Я конвертирую сайт html5 в тему WordPress, но застрял в своих меню!

это html-версия: html-версия меню

И это мой результат до сих пор в WordPress: версия меню WordPress

как вы можете видеть, я не могу получить социальное меню в главном меню!

Это бит function.php:
function register_my_menus() { register_nav_menus( array( 'header-menu' => __( 'Header Menu' ), 'top-left-menu' => __( 'Top Left Menu' ), 'social-menu' => __( 'Social Menu' ) ) ); } add_action( 'init', 'register_my_menus' );

и это бит header.php:

  <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div><!--navbar-header--> <?php wp_nav_menu( array( 'theme_location' => 'top-left-menu', 'container' => 'nav', 'container_class' => 'navbar-collapse collapse dropdown', 'menu_class' => 'nav navbar-nav navbar-left', 'container_id' => 'cssmenu', 'walker' => new CSS_Menu_Walker() ) ); ?> <?php wp_nav_menu( array( 'theme_location' => 'social-menu', 'container' => 'nav', 'container_class' => 'navbar-collapse collapse', 'menu_class' => 'btn-group nav navbar-nav navbar-right' ) ); ?> </div><!--container--> </div><!--navbar--> </div><!--navbar-wrapper--> 

Можно ли создать их на одной линии? В бутстрапе это был простой div с классом navbar-left и navbar-right, но я не могу его обработать в WordPress!

Любая помощь будет очень благодарна: D

Solutions Collecting From Web of "Как я могу разместить два меню в одном div?"