使用_s starter主题将Wordpress标题元素置于中心位置

时间:2015-10-16 23:47:40

标签: html css wordpress centering underscores-wp

如果我在这里遗漏了一些明显的东西,我很抱歉,但我在查找标题元素时遇到了麻烦。

我在#site-navigation标题中设置元素样式,以便我可以使用background-color属性,该属性在#masthead中延伸到宽度的100%而不会被截断。

为了给你一个想法,我的徽标和链接目前已对齐,但我不确定原因。

这是我的代码:

HTML

<header id="masthead" class="site-header">
    <nav id="site-navigation" class="main-navigation">
        <a href="#"><!-- code for logo svg --></a>
        <span id="list-container"><!-- code for links (primary menu) --></span>
    </nav>
</header>

CSS

#masthead {
  background-color: #efefef;
  height: 100px;
  margin: -100px auto;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#site-navigation {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 95%;
}

1 个答案:

答案 0 :(得分:1)

在_s(下划线)Wordpress启动主题中,类.main-navigation具有属性float: left。所以我在我的标题类中使用float: none来居中它。