网站菜单居中,但其余菜单项

时间:2019-01-05 22:30:30

标签: css wordpress wordpress-theming

我最近在网站上添加了两个新菜单项,因此导航栏看起来像这样。

                   |Item|Item|Item|Item|Item|Item|
                                 Item

截至目前,我还无法修复它。减小字体大小没有帮助,并且框对齐也都没有更改它。 这是菜单那部分的代码

.primary-menu .pmenu {
margin: auto;
display: inline-block;
float: left;
width: 100%;
text-align: center;
background: #fff;

然后是标题本身的正文

body {
font-weight: 400;
font-size: 16px;
line-height: 1.625;
margin: 0;
background-color: #eee;

}

1 个答案:

答案 0 :(得分:0)

访问您的站点的链接后,您在对另一个答案的评论中提供了该信息:该容器中没有足够的水平空间来容纳一行中的所有元素!

因此,您可以考虑以下选项之一(或组合使用):

  • 增加width中的.content-wrap(应该工作1320像素,但要使所有内容元素变宽)。
  • 减少菜单链接(选择器padding的左右.main-navigation ul li a
  • 减少菜单链接的font-size(再次是选择器.main-navigation ul li a