css - 导航菜单中的间距

我的主导航菜单上的空间很小：

http://ranchocordovaeventscenter.com/

我似乎找不到导致它执行此操作的任何CSS。

有人可以帮忙吗？

提前致谢，

马特

最佳答案

由于您将list元素设置为inline-block。它在每个元素之间都像文本一样在它们之间创建了空格（单词之间应该有空格，如果考虑一下，这是很有意义的）。

.nav-menu {
  font-size: 0;
}

只需确保在子级上重置字体大小，否则他们将继承该字体大小并且难以辨认。