我使用带有wordpress的店面主题,而对于我的生活,我无法将菜单项文本对齐到中心。
以下是我目前使用的代码:
.main-navigation ul {
line-height: 7;
}
.main-navigation ul li {
border-right: 1px solid #ff63b1;
padding-right: 30px;
}
.main-navigation ul.nav-menu li a {
padding: 1em 1em;
}
我使用了这一行:text-align:center;所有这些但没有区别。
值得注意的是,我在这里使用了产品类别而不是普通的菜单项,因为我发现它更有用。网站:http://cutepinkboutique.com如果您想检查主导航的代码
到目前为止看起来像是什么:Screenshot here
我把头靠在墙上,无法解决这个问题。任何帮助都会很棒。答案 0 :(得分:1)
添加此CSS
#menu-charlies-top-menu {
text-align: center;
}
答案 1 :(得分:0)
答案可能因其他人而异:
.main-navigation ul.nav-menu li a {
padding: 1em 1em;
padding-left: 35px;
}
我正在错误地查看菜单项目方向(右,左)。