html - 导航链接间距太远 - 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;
}

虽然这是针对字体大小的:

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

我刚刚删除了那些，它看起来像这样: