WordPress主菜单对齐

我正在学习CSS并尝试做一个wordpress。我按照建议做了一个儿童主题, 并致力于实施。我在菜单对齐上有问题; 主菜单实际上位于左侧。我想把它放在右边。我知道我可以使用辅助菜单, 但是我的问题只是想了解如何通过css修改wordpress ??
模板是雷克雅未克。
我尝试了style.css子文件夹中的各种解决方案, 例如:
.main-navigation {margin:auto; }
放大主导航区, 然后下一步
.main-navigation-container ul {float:right; }
将菜单放在屏幕的右侧, 但是什么也没有用。。。

WordPress主菜单对齐

文章图片
你能告诉我我做错了吗?
【WordPress主菜单对齐】感谢你的帮助,
杰瑞
编辑:
`
< 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="http://www.srcmini.com/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将显示为内联块, 因此它们的行为将类似于文本并移至右侧。

    推荐阅读