-1

我正在努力让http://inksharks.com上的标题徽标以大多数桌面浏览器为中心。当缩放到移动或平板电脑视图时，它确实居中。我已经尝试了几件事，这是我最接近修复它的方法，但它也改变了我的页脚。

.wrap-inner .twelve.pane {
    margin-left: 0 !important;
    width: 930px;
}
4

3 回答 3

0 
<h1 class="logo img-only">

</h1>

为此添加一个对齐属性，它看起来像

<h1 class="logo img-only" align="center">

</h1>

它会正常工作

于 2013-10-15T19:45:50.790 回答
0

在.logo, h1.logo删除float: left;。然后.logo img, .logo .text-logo, .logo .description放在

CSS： 

.logo img, .logo .text-logo, .logo .description{
      display: block;
      margin: 0 auto;
}
于 2013-10-15T19:49:02.370 回答
0

这将使您的徽标居中对齐：

h1.logo {
    float: none;
}
div.wrap-inner {
    text-align: center;
}

我正在覆盖float: left您的h1.logo，如果可以的话，最好将其删除。

还要删除padding-top:44px以.nav-right .navigation-wrap修复徽标和您的内容之间的空间。

于 2013-10-15T19:51:40.567 回答