个性化阅读
专注于IT技术分析

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将显示为内联块, 因此它们的行为将类似于文本并移至右侧。

赞(0) 打赏
未经允许不得转载:srcmini » WordPress主菜单对齐
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏