Bottone esterno menu bootrstrap

Buongiorno,

Ho inserito nel mio tema un menu bootstrap e funziona benissimo. Ho aggiunto un bottone esterno in questo modo:

<nav class="navbar navbar-default" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
	  <div class="container">
     <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
	 </div>

 
        <?php
            wp_nav_menu( array(
                'menu'              => 'primary',
                'theme_location'    => 'primary',
                'depth'             => 2,
                'container'         => 'div',
                'container_class'   => 'collapse navbar-collapse',
                'container_id'      => 'bs-example-navbar-collapse-1',
                'menu_class'        => 'nav navbar-nav',
                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                'walker'            => new wp_bootstrap_navwalker())
            );
        ?>
		<div class="bottone-newsletter">
		<a class="btn btn-danger" href="http://www.miosito.it">BOTTONE</a>
		</div>
	</div>
	</div>
</nav>

In questo modo il bottone nella versione dektop compare come vorrei a lato del menu ma nella versione mobile compare sotto al menu.

Come faccio ad integrare il bottone nel menu bootstrap nella versione mobile? In modo che quando il browser si restringe il mio bottone “esterno” compaia all’interno del menu?

Grazie