Добавить социальные ссылки и телефон в меню NavWalker Wordpress

Question

Я успешно добавил меню загрузки в Wordpress. Моя навигационная панель имеет небольшую разницу, чем базовая навигационная панель, в которой у меня есть большое изображение, номер телефона и ссылка на facebook над ссылками навигации.

Я использую плагин navwalker, который позволяет мне добавлять/редактировать ссылки с помощью обычного редактора меню Wordpress.

Мне нужно добавить код ниже в навигационную систему, чтобы он отображался на моей странице. Мне не нужно редактировать этот код в редакторе.

Текущий NavBar:

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <img src="<?php bloginfo('template_directory'); ?>/images/logolarge.png" class="center-block img-responsive" alt="Cocke Chiropractic Clinic"/>     
     </div> 
     <?php 
      wp_nav_menu(array(
       'menu'    => 'primary', 
       'theme_location' => 'primary', 
       'depth'    => 2, 
       'container'   => 'div', 
       'container_class' => 'navbar-collapse collapse', 
       'container_id'  => 'navigation', 
       'menu_class'  => 'nav navbar-nav navLarge', 
       'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
       'walker'   => new wp_bootstrap_navwalker()) 
      ); 
     ?>  
    </div> 
</div> 

Вне:

<div class="contact hidden-xs"> 
     <span>Call Now! <a href="tel:2058708787">(205) 870-8787</a></span> 
     <br /> 
     <a href="#" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/fbsmall.png" class="social img-responsive pull-right" /></a> 
    </div> 

Приведенный ниже код вставляется в wp_nav_menu navwalker выше. Мне нужен div .contact, чтобы отображаться в меню навигатора. Как мне это сделать?

<div class="navbar-collapse collapse"> 
    <div class="contact hidden-xs"> 
     <span>Call Now! <a href="tel:2058708787">(205) 870-8787</a></span> 
     <br /> 
     <a href="#" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/fbsmall.png" class="social img-responsive pull-right" /></a> 
    </div>     
    <ul class="nav navbar-nav navLarge" id="navigation"> 
     <li><a href="">Home</a></li> 
     <li class="divider-vertical-second-menu class=hidden-xs"></li> 
     <li><a href="">About</a></li> 
     <li class="divider-vertical-second-menu class=hidden-xs"></li> 
     <li><a href="">Service/Treatments</a></li> 
     <li class="divider-vertical-second-menu class=hidden-xs"></li> 
     <li><a href="">FAQ</a></li> 
     <li class="divider-vertical-second-menu class=hidden-xs"></li> 
     <li><a href="">New Patient</a></li> 
     <li class="divider-vertical-second-menu class=hidden-xs"></li> 
     <li><a href="">Contact</a></li> 
     <li class="hidden-sm hidden-md hidden-lg"><a href="#" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/fbsmall.png" class="img-responsive" /></a></li> 
    </ul> 

Что я ищу:

То, что я в настоящее время:

Answer 1

Я был в состоянии решить эту мою движущуюся мой код Nav Walker вызов:

  <div class="contact hidden-xs"> 
       <span>Call Now! <a href="tel:2058708787">(205) 870-8787</a></span> 
       <br /> 
       <a href="https://www.facebook.com/Cocke-Chiropractic-Clinic-122171807867845/?fref=ts" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/fbsmall.png" class="social img-responsive pull-right" /></a> 
      </div>