Bootstrap 3 ссылки для навигации не встроены на большой экран

Question

Я изменяю навигационную тему родительской темы по умолчанию (я создаю дочернюю тему, а родительская тема уже использует загрузку) В родительской теме уже есть код начальной загрузки в functions.php (и кучу других файлов nav js мне не нужно). Так что я скопировал header.php в дочернюю тему и заменил информацию о nav по умолчанию.

Все работает нормально функционально, за исключением случаев, когда на экранах нормального размера ссылки стекаются поверх другого, а не рядом. и: состояния зависания (цвет фона) освещают всю ширину навигационной панели. Когда я использовал код по умолчанию (не связанный с меню Wordpress), он работает нормально. Но когда я добавляю код wp, он складывает ссылки.

 <div class="collapse navbar-collapse navbar-ex1-collapse"> 
        <?php /* Primary navigation */ 
         wp_nav_menu(array(
         'menu' => 'top_menu', 
         'depth' => 2, 
         'container' => false, 
         'menu_class' => 'nav', 
         //Process nav menu using our custom nav walker 
         'walker' => new wp_bootstrap_navwalker()) 
         ); 
        ?> 
       </div> 

Я ничего в style.css или functions.php не изменяется, за исключением добавленной строки кода

require_once('wp_bootstrap_navwalker.php'); 

, потому что родительская тема не имеет его.

Answer 1

Попробуйте добавить NavBar-Nav к классу меню

<div class="collapse navbar-collapse navbar-ex1-collapse"> 
    <?php /* Primary navigation */ 
     wp_nav_menu(array(
     'menu' => 'top_menu', 
     'depth' => 2, 
     'container' => false, 
     'menu_class' => 'nav navbar-nav', 
     //Process nav menu using our custom nav walker 
     'walker' => new wp_bootstrap_navwalker()) 
     ); 
    ?> 
</div>