html - 如何修复菜单在 wordpress 中不居中

标签 html css wordpress menu center

  • 请帮助我无法让我的菜单在我的网站上居中是菜单总是正确的
  • 我使用新页面进行主页设置和那个错误
  • 我使用主页默认设置居中,但我无法编辑该页面 网站 : http://k17tcth11.beget.tech 对不起我的英语

这是为 Wordpress 设计的

<nav class="awemenu-nav awemenu-has-logo <?php print $is_transparent_mode ? 'awe-header--transparent' : ''; ?>" data-sticky="<?php echo esc_attr( (bool) mojado_option( 'mojado_header_nav_sticky' ) ); ?>">
            <div class="container">

                <div class="awemenu-container">
                    <div class="awemenu-language-search awe-fr">
                        <?php get_template_part( 'template-parts/header-search' ); ?>
                        <?php get_template_part( 'template-parts/header-language' ); ?>
                    </div>

                    <?php if ( $is_transparent_mode ) : ?>
                        <?php print mojado_site_logo( 'home_logo', true, '<div class="home-logo">', '</div>' ); // WPCS: XSS OK. ?>
                    <?php endif; ?>

                    <?php
                    /**
                     * Navigation Main Menu.
                     */
                    wp_nav_menu( array(
                        'container'      => '',
                        'menu_id'        => 'primary-menu',
                        'menu_class'     => 'main-navigation awemenu',
                        'theme_location' => 'primary',
                        'walker'         => new Mojado_Walker_Menu,
                        'fallback_cb'    => array( 'Mojado_Menu_Support', 'fallback' ),
                    ) );
                    ?>
                </div><!-- .awemenu-container -->

            </div><!-- .container -->
        </nav><!-- .awemenu-nav -->

最佳答案

在 header.scss 第 8 行替换为我的 CSS。这将解决您的问题。

.awe-header--transparent.awemenu-standard:not(.awemenu-sticky) {
    top: 0;
    width: 100% !important;
    position: absolute;
    background-color: transparent;
    left: 0px;
}

关于html - 如何修复菜单在 wordpress 中不居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55770330/

相关文章:

jQuery 拖放 <li> 元素样式

html - Firefox 中的水平多选

php - 向 woocommerce 结账添加预付款选项

html - 如何为许多站点存储凭据或 cookie

javascript - 溢出隐藏并同时滚动

javascript - 如何在 Canvas 中获取图像的坐标x y

html - 当出现 2 位数字时删除椭圆形边框半径

php - 为变量分配可选值的最有效方法

php - get_the_content 无法在短代码中工作

javascript - 剑道 : Direction property for context main menu