Что касается лого:
color.css (строка 22)
h1.logo a {
background-image: url("../images/logo.png");
}
template.css (строка 443)
h1.logo a {
background: url("../images/logo.jpeg") no-repeat scroll left top transparent;
display: block;
height: 80px;
width: 950px;
}
template.css (строка 671)
h1.logo a {
background: url("../images/logo.jpeg") no-repeat scroll left center transparent;
display: block;
height: 28px;
width: 184px;
}
Лого, что отображается на сайте logo.png, его размеры 950х100.
Посмотрите какие размеры выставлены первично в шаблоне для лого в template.css (строка 443)?
Рисунка logo.jpeg не существует? Если так, то зачем он прописан? В шаблоне рисунок не подгружается.
При наведении стрелки мыши на лого, оно начинает смещаться. Вот код:
template.css (строка 450)
h1.logo a:hover, h1.logo a:focus {
background-position: left bottom;
}
Логично выставить параметры для a:hover такие же, как в строке 443, после изменения height: 80px; на height: 100px; или переделать лого под высоту 80px.
Иконка в меню. Самый простой вариант уменьшить размеры самой иконки.
Или менять стили, с добавлением параметра высоты.
template.css (строка 590)
#ja-mainnav .main {
border-top: 1px solid #CCCCCC;
margin-bottom: 12px;
}