Как опустить лого ниже

голоса: 0
Подскажите, пожалуйста, как мне опустить "лого" сайта чуть ниже, чтобы не было такого прогала?

вот все что есть в шапке сайта:

<header class="header">
<div class="logo-wrap" style="text-align: center;">
<a class="logo-b" href="$HOME_PAGE_LINK$"><img src="/logo_zbs.png" width="700px"></a></div>
<div class="vert-menu">$NMENU_1$</header>

Заранее спасибо!
Адрес сайта http://www.zbs-servis.ru
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Попробуйте в стили добавить:

.logo-wrap img {
    position: relative;
    top: 60px;
}

60 это степень отступа, регулируйте под себя.

| Автор:
Выбор ответа лучшим | | Автор: Владимир Нармамедов
Спасибо, помогло. Но теперь образовалась пустота наверху шапки. А нужно чтобы свободного места сверху и снизу от лого было немного. Попытался править бэкграунд. Даже обрезал картинку. Все равно не меняется.  Может что не так делаю?

/*------ Header style ------*/
.header {
 width: 100%;
 min-height: 147px;
 text-align: center;
 background: url('http://www.zbs-servis.ru/header.jpg') no-repeat 50% 0;
 -webkit-background-size: 16000px 100%;
 -moz-background-size: 1600px 100%;
 -o-background-size: 1600px 100%;
 background-size: 1600px 100%;
 position: relative;
}
...