標題中的CSS居中標頭

Question

我很努力地在大多數桌面瀏覽器中集中標題http://inksharks.com。它縮放到手機或平板電腦視圖時確實居中。我已經嘗試了幾件事情，這是我最接近修復它的事情，但它也改變了我的頁腳。

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

Answer 1

在.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; 
} 

Answer 2

<h1 class="logo img-only"> 

</h1> 

align屬性添加到這一點，它看起來像

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

</h1> 

它會正常工作

Answer 3

這將居中對齊您的標誌：

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

我重寫的float: left您h1.logo，最好是雖然刪除它，如果你能夠。

還從.nav-right .navigation-wrap刪除padding-top:44px修復徽標和您的內容之間的空間。