Bootstrap Navbar с поиском WordPress с наложением Custmization

Question

Кто-нибудь, пожалуйста, помогите добавить HTML-код внутри php.На самом деле, я хочу добавить поисковую кнопку синхронизации с меню.Я использовал тему отдельно, что вызывает мерцание.

php код навигации navbar-nav

<?php
        wp_nav_menu([
            'menu'             =>   'primary',
            'theme_location'   =>   'primary',
            'container'        =>   'div',
            'container_id'     =>   'WP_Bootstrap_Navwalker',
            'container_class'  =>   'collapse navbar-collapse bg-light',
            'menu_id'          =>   'main-menu',
            'menu_class'       =>   'navbar-nav ml-auto',
            'depth'            =>   2,
            'fallback_cb'      =>   'WP_Bootstrap_Navwalker::fallback',
            'walker'           =>   new WP_Bootstrap_Navwalker()
        ]);
        ?>

Поиск оверлеев

<div id="myOverlay" class="overlay">
  <span class="closebtn" onclick="closeSearch()" title="Close Overlay"><i class="material-icons">clear</i></span>
  <div class="overlay-content">
    <form action="<?php echo home_url( '/' ); ?>">
    <input type="hidden" value="post" name="post_type" id="post_type" />
      <input type="text" placeholder="<?php _e("Click Here to Search your Keywords","strap"); ?>" value="<?php the_search_query(); ?>" name="s">
      <button type="submit"> <i class="material-icons">search</i> </button>
    </form>
  </div>
</div>
<button class="openBtn" onclick="openSearch()"><i class="material-icons">search</i></button>

Я хочу, чтобы они оба добавились.Пожалуйста помоги.