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> 

добавить атрибут выравнивания к этому, и это будет выглядеть

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

</h1> 

Это будет работать нормально

Answer 3

Это будет центр выровнять логотип:

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

Я перекрывая float: left на ваш h1.logo, это лучше, чтобы удалить его, хотя если вы Можно.

Также удалите padding-top:44px от .nav-right .navigation-wrap, чтобы устранить пространство между логотипом и вашим контентом.