Html 导航链接间距太远-WP

这是我们的网站：

我试图把我所有的链接放在一行上，但是由于某些原因，每个链接（菜单）之间的间距有点远，这使得它们位于下一行。这是我现在拥有的

现在我想让他们坐在一起，像这样改变每个链接的颜色：

但出于某种原因，我试图调整我的CSS下面，但仍然无法修复它

/*--------------------------------------------------------------
- Header > Main
--------------------------------------------------------------*/
#site-header { position: relative }
.footer-has-reveal #site-header { background: #fff }
.footer-has-reveal #site-header.overlay-header { background: none }
#site-header-inner { position: relative; padding-top: 30px; padding-bottom: 30px; }
#site-navigation.container { position: relative }

/* Header > Main > Logo */
#site-logo a { max-width: 100%; padding: 0px; margin: 0px; text-decoration: none; color: #222; font-size: 24px; margin: 0; font-weight: bold; }
#site-logo a .fa { margin-right: 10px }
#site-logo a:hover { text-decoration: none }
#site-logo img { display: block; max-height: 100%; max-width: 100%; vertical-align: middle; }

/* Header > Main > Shrink Fixed */
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header { padding-top: 15px; padding-bottom: 15px; }
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header-inner { padding-top: 0; padding-bottom: 0; }
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header-inner,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo * { height: 40px; line-height: 40px; }
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap { margin-top: -15px; top: 0; }
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap #site-navigation { background: none }
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-navigation-wrap,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one .dropdown-menu > li > a { height: 70px; line-height: 70px; }
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #searchform-header-replace input { font-size: 21px }
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #current-shop-items-dropdown,
body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #searchform-dropdown { margin-top: 15px }

但它仍然不能修复我的代码？我如何才能让它们在一行上挨着坐，并更改每个链接的颜色？想帮忙吗

您可以使用Chrome检查我们的网站：

---

有什么帮助吗？提前谢谢，我真的被卡住了。

这是造成间距太大的罪魁祸首：

.sf-menu {
  word-spacing: 100px;
}

这是针对字体大小的：

#site-navigation .dropdown-menu a {
  ...
  font-size: 1.5em;
  ...
}

我刚取下这些，看起来是这样的：

---

您希望链接的颜色是什么？是否更改正常颜色或在悬停时更改？