WordPress主菜单对齐

我正在学习CSS并尝试做一个wordpress。我按照建议做了一个儿童主题, 并致力于实施。我在菜单对齐上有问题;主菜单实际上位于左侧。我想把它放在右边。我知道我可以使用辅助菜单, 但是我的问题只是想了解如何通过css修改wordpress 🙂

模板是雷克雅未克。

我尝试了style.css子文件夹中的各种解决方案, 例如：

.main-navigation {margin：auto; }

放大主导航区, 然后下一步

.main-navigation-container ul {float：right; }

将菜单放在屏幕的右侧, 但是什么也没有用。。。

你能告诉我我做错了吗？

感谢你的帮助,

杰瑞

编辑：

`

    <button id="menu-toggle" class="menu-toggle" aria-controls="menu-primary" aria-expanded="true">Menu</button>

    <div id="site-navigation-container" class="main-navigation-container">
    <div class="mobile-search-form"><form role="search" method="get" class="search-form" action="http://localhost:8888/wordpress/">
            <label>
                <span class="screen-reader-text">Rechercher&nbsp;:</span>
                <input type="search" class="search-field" placeholder="Recherche…" value="" name="s">
            </label>
            <input type="submit" class="search-submit" value="Rechercher">
        </form></div><div class="menu"><ul id="menu-primary" class="menu-primary" aria-expanded="true"><li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-9"><a href="http://localhost:8888/wordpress/" aria-current="page">Accueil</a></li>

页面测试跳至菜单切换按钮

`

#1

添加width属性, 在这种情况下, 它应该向右移动。因为当前导航div的宽度为100％, 所以它无处可移。

#2

好的, 我找到了解决方案, 这不是我认为的最佳方法, 但已解决。设置为：

.main-navigation {位置：相对；保证金：自动；右边距：0px; }

因为将宽度设置为100％, 所以它超过了徽标(在示例中进行测试)。

#3

将ul宽度更改为100％, 并将文本右对齐。子li将显示为内联块, 因此它们的行为将类似于文本并移至右侧。