Как объединить первичное и вторичное меню начальной загрузки wp в одно для мобильного устройства

Question

У меня есть два меню в заголовке и на мобильном устройстве, когда я нажимаю кнопку переключения, появляется два меню, но одно меню появляется сверху. Я хочу объединить эти два меню в одно, пока я нажимаю кнопку переключения и ожидаю увидеть оба меню сразу. Я проверил эту тему Объединение нескольких меню Bootstrap в одно для мобильных устройств? , но у меня не работает

<nav class="topmenu">
    <?php
        wp_nav_menu( array('menu' => 'top-menu','theme_location'=> 'topmenu','depth'=> 2,'container'=> 'div','container_class'=> 'collapse navbar-collapse navbar-ex1-collapse','fallback_cb'=>'wp_bootstrap_navwalker::fallback','walker'=> new wp_bootstrap_navwalker()));
    ?>
</nav>



<nav class="mainmenu">
    <!-- Brand and toggle get grouped for better mobile display -->
        <div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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>
            <?php
                wp_nav_menu( array('menu' => 'main-menu','theme_location'=> 'main-menu','depth'=> 2,'container'=> 'div','container_class' => 'collapse navbar-collapse navbar-ex1-collapse', 'fallback_cb'=> 'wp_bootstrap_navwalker::fallback','walker' => new wp_bootstrap_navwalker()));
            ?>
       </div>
</nav>

Answer 1

для тех, у кого есть эта проблема, я не мог исправить это с помощью изменений начальной загрузки, но с помощью простого кода jQuery это решило.Вам просто нужно переместить первый навигационный элемент к другому навигационному элементу, когда вы нажимаете кнопку переключения

$(function() {
        $(".navbar-toggle").click(
            function(){ $(".topmenu").appendTo(".mainmenu"); }
        );
    });