Question

我将wordpress网站www.theestablishmenthairdresing.com的顶级菜单集中在一起，以确保使用以下代码缩小浏览器窗口大小时，顶部菜单不会与左侧的徽标重叠：< / p>

nav#site-navigation.main-navigation {
margin-left: auto;
margin-right: auto;
width: 80em;
}

但是，现在当我检查网站的移动菜单时，子菜单下拉选项为＆＃34;关于＆＃34;没有出现在手机版上，请看屏幕截图：

在添加代码之前：https://imgur.com/a/zfZ43

添加代码后：https://imgur.com/a/0ploD

有没有人有解决方案？

Answer 1

<button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'xyz' ); ?></button>

                    <div id="site-header-menu" class="site-header-menu">
                        <?php if ( has_nav_menu( 'primary' ) ) : ?>
                            <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'xyz' ); ?>">
                                <?php
                                    wp_nav_menu( array(
                                        'theme_location' => 'primary',
                                        'menu_class'     => 'primary-menu',
                                     ) );
                                ?>
                            </nav><!-- .main-navigation -->

如何在不影响手机菜单的情况下中心Wordpress网站的菜单

1 个答案: