Загрузочный лоток: большой центрированный логотип navbar

Я хочу сделать логотип более крупным и центрированным над навигационной панелью. Любая помощь будет оценена.Загрузочный лоток: большой центрированный логотип navbar

Вот код: https://jsfiddle.net/ou51rksb/1/

<body class="home"> 
    <!-- wrapper --> 
    <div id="wrapper" class="win-min-height"> 
     <header id="block01g" class="header block background01" zp-module="Header"> 
      <div class="container header_block"> 
       <a class="navbar-brand" href="#"> 
        <img class="blacklogo img-responsive" src="images/logob.png" alt="Bañuelos Refrigeration Services"> 
        <img class="whitelogo img-responsive" src="images/logob.png" alt="Bañuelos Refrigeration Services"> 
       </a> 
      </div> 
     </header> 
    </div> 
</body>

источник

2017-01-18 user3226760

ответ поможет вам, пожалуйста, предоставьте некоторую обратную связь – ab29007

Пожалуйста, замените этот CSS

#block01g .navbar-brand { 
    display: block; 
    float: inherit; 
    margin: 0 auto; 
    padding-bottom: 0; 
    padding-right: 0; 
    text-align: center; 
    width: auto;//you add width for logo 
}

источник

2017-01-18 11:06:47

попробовать с этим я сосредоточил свой логотип просто, это то, что вам нужно?

.navbar-brand { 
    display: block; 
    float: none; 
    font-size: 18px; 
    height: auto; 
    margin: 0 auto; 
}

http://jsfiddle.net/ou51rksb/12/

источник

2017-01-18 11:12:09

Использование position:absolute; для navbar-brand. Добавьте это в CSS:

.header_block{ 
    position:relative; 
    padding:0; 
    padding-top:45px; 
} 
.navbar-brand{ 
    position:absolute; 
    top:0; 
    left:50%; 
    height:70px; 
    transform:translate(-50%,0); 
} 
.navbar-brand img{ 
    height:100%; 
    margin:0 auto; 
    display:block; 
    margin-bottom:100px; 
}

Вот fiddle. Вы установили некоторые дополнения в верхней части тела. которые вы можете удалить. это приведет к тому, что ваш логотип будет выровнен вверх.

источник

2017-01-18 11:12:51 ab29007

Большое спасибо. Не могли бы вы сказать, где удалить прокладку в верхней части тела? – user3226760

Я получил его в центре ваших стилей, но я до сих пор не могу его отобразить в большем размере. Возможно, при удалении прокладки он будет отображаться правильно. – user3226760

Извините, я не понимаю, можете ли вы настроить скрипку вашего текущего кода. – ab29007

Загрузочный лоток: большой центрированный логотип navbar

ответ

Смежные вопросы