Question

我在标题中有一个带导航栏的主题，我想在现有的导航栏下添加一个新的相同导航栏，它应该以完全相同的方式运行。我注册了两个名为“topmenushop”和“topsidemenushop”的新菜单。

复制HTML代码后，它会向我插入第二个导航栏，但它与第一个导航栏没有相同的行为。

导航工作：用户菜单“菜单utenti”

第二个导航栏_topsidemenushop“Animali”（点击显示上面菜单的子菜单） + topmenushop（点击后不会显示子菜单，只显示在移动版本中，添加一些在第一个导航的移动版本中不存在的元素，一旦我点击切换，它会打开我的第一个导航的菜单）

支持人员写信给我：

为此，您需要为其创建新类并管理通过新的JS代码切换新创建的菜单

但我不知道如何做或者我可以阅读哪些来源。这是一个CSS问题吗？ JQuery问题？ HTML一个？

下面你会看到我复制的原始代码，以便有第二个导航栏。

     <div class="bottom-header-wrapper clearfix">
        <div class="tg-container">

            <?php
            $menu_location  = 'secondary';
            $menu_locations = get_nav_menu_locations();
            $menu_object    = (isset($menu_locations[$menu_location]) ? wp_get_nav_menu_object($menu_locations[$menu_location]) : null);
            $menu_name      = (isset($menu_object->name) ? $menu_object->name : '');
            if ( has_nav_menu( $menu_location ) ) {
            ?>
            <div class="category-menu">
                <div class="category-toggle">
                    <?php echo esc_html($menu_name); ?><i class="fa fa-navicon"> </i>
                </div>
                <nav id="category-navigation" class="category-menu-wrapper hide" role="navigation">
                    <?php wp_nav_menu(
                        array(
                            'theme_location' => 'secondary',
                            'menu_id'        => 'category-menu',
                            'fallback_cb'    => 'false'
                        )
                    );
                    ?>
                </nav>
            </div>
            <?php } ?>

            <div class="toggle-wrap"><span class="toggle"><i class="fa fa-reorder"> </i></span></div>
                <?php wp_nav_menu(
                    array(
                        'theme_location' => 'primary',
                        'menu_id'        => 'primary-menu',
                    )
                );
                ?>
           </nav><!-- #site-navigation -->

这是我的修改

         </div>
               <div class="bottom-header-wrapper clearfix">
               <div class="tg-container">

            <?php
            $menu_location  = 'topsidemenushop';
            $menu_locations = get_nav_menu_locations();
            $menu_object    = (isset($menu_locations[$menu_location]) ? wp_get_nav_menu_object($menu_locations[$menu_location]) : null);
            $menu_name      = (isset($menu_object->name) ? $menu_object->name : '');
            if ( has_nav_menu( $menu_location ) ) {
            ?>
            <div class="category-menu">
                <div class="category-toggle">
                    <?php echo esc_html($menu_name); ?><i class="fa fa-navicon"> </i>
                </div>
                <nav id="category-navigation" class="category-menu-wrapper hide" role="navigation">
                    <?php wp_nav_menu(
                        array(
                            'theme_location' => 'topsidemenushop',
                            'menu_id'        => 'animali',
                            'fallback_cb'    => 'false'
                        )
                    );
                    ?>
                </nav>
            </div>
            <?php } ?>

            <nav id="site-navigation" class="main-navigation" role="navigation">
            <div class="toggle-wrap"><span class="toggle"><i class="fa fa-reorder"> </i></span></div>
                <?php wp_nav_menu(
                    array(
                        'theme_location' => 'topmenushop',
                        'menu_id'        => 'animali_important',
                    )
                );
                ?>
           </nav><!-- #site-navigation -->

结果如下：

enter image description here

复制Navbar Wordpress（+行为）

0 个答案: