对齐主导航产品类别

时间:2017-05-17 07:19:25

标签: html css wordpress-theming

我使用带有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

我把头靠在墙上,无法解决这个问题。任何帮助都会很棒。

2 个答案:

答案 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; 
}

我正在错误地查看菜单项目方向(右,左)。