导航链路间距太远 - WP

Question

以下是我们的网站：http://gringlishgirl.com/

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

现在我希望它们彼此相邻并改变每个链接的颜色，如下所示：

但出于某种原因，我试图在下面调整我的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检查我们网站上的元素：http://gringlishgirl.com/

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

Answer 1

这是宽间距的罪魁祸首：

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

虽然这是针对font-size：

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

我刚删除了它们，它看起来像这样：