Divi - 两个相邻的移动菜单

Question

我希望有人可以帮助我，因为我不够聪明，无法弄清楚，Divi-Developers 不能或不会帮助我。

所以，问题如下：

我应该有两个相邻的移动菜单，像这样：在此处输入图像描述

到目前为止，我设法在functions.php中注册了子主题的第二个菜单，并将“社交菜单”（仅在nmobile上显示的第二个菜单）放入Header中：

    function wpb_custom_new_menu() {
    register_nav_menu('social-menu', esc_html__( 'Social Menu'));
}
add_action( 'init', 'wpb_custom_new_menu' );

function et_add_mobile_socialmenu(){
    if ( is_customize_preview() || ( 'slide' !== et_get_option( 'header_style', 'left' ) && 'fullscreen' !== et_get_option( 'header_style', 'left' ) ) ) {
        printf(
            '<div id="sm-mobile">
                <div class="social-menu closed">
                    <span class="mobile_menu_bar mobile_menu_bar_toggle social"></span>
                </div>
            </div>'
        );
    }
}
add_action( 'et_header_top_social', 'et_add_mobile_socialmenu' );

通过以下调用，我将“社交菜单”挂接到 header（在 theme-header.php 中）：

<?php
                do_action( 'et_header_top_social' );
                
                ?>

最初 Divi 使用以下调用来显示移动菜单：

<?php

                /**
                 * Fires at the end of the 'et-top-navigation' element, just before its closing tag.
                 *
                 * @since 1.0
                 */
                do_action( 'et_header_top' );
                ?>

所以，目前我的情况是，基本上调用了社交菜单，但没有填充：

<div id="et-top-navigation" data-height="106" data-fixed-height="40" style="padding-left: 280px;">
    <nav id="top-menu-nav">
        <ul id="top-menu" class="nav"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"><a href="#ueber-mich">Über Mich</a></li>
             <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a href="#portfolio">Portfolio</a></li>
             <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36"><a href="#kontakt">Kontakt</a></li>
        </ul>
    </nav>
    <div id="et_mobile_nav_menu">
    <div class="mobile_nav closed">
          <span class="select_page">Seite wählen</span>
          <span class="mobile_menu_bar mobile_menu_bar_toggle"></span>
            <ul id="mobile_menu" class="et_mobile_menu">
              <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34 et_first_mobile_item"><a href="#ueber-mich">Über Mich</a></li>
              <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a href="#portfolio">Portfolio</a></li>
              <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36"><a href="#kontakt">Kontakt</a></li>
           </ul></div>
    </div>              
    <div id="sm-mobile">
        <div class="social-menu closed">
            <span class="mobile_menu_bar mobile_menu_bar_toggle social"></span>
        </div>
    </div>          
    </div>

那么，有人知道如何填充社交菜单。 是的，菜单是通过“设计->菜单”创建的，并且位置设置为“社交菜单”。