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

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

|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在访问了你网站的链接后, 你在另一个答案的注释中提供了该信息:该容器中没有足够的水平空间来容纳一行中的所有元素!
因此, 你可以考虑以下选项之一(或组合使用):
  • 增大.content-wrap的宽度(应该可以使用1320px, 但应使所有内容元素更宽)。
  • 减少菜单链接的左右填充(选择器.main-navigation ul li a)
  • 减少菜单链接的字体大小(再次, 选择器.main-navigation ul li a)

    推荐阅读