Question

На сайте предусмотрено лого в виде слов, хотелось бы разместить лого-картинку, которая бы масштабировалась и можно было бы регулировать отступ от края.

Пытался разнями способами, в том числе через #site-logo  - не получается.

Подскажите, если не трудно.

Дял масттабирования, я так понимаю, надо поставить размеры картинки в процентах...

Answer 1

Переместить лого вверх можно так, 26 строка ксс, добавить красное

#site-logo {
float: left;
max-width: 30%;
position: relative;
top: -55px;
}

Перемещать влево не советую, у разных пользователей разные мониторы.

Comments

Сдвинулось, но получается если я увеличиваю картинку, то отодвингается вниз и синяя полоса....Как бы ее сделать поближе к картинке? Где этот отступ задан?

---

Алексей Зарубин,

В 25 строку ксс дописать height:80px; из 28 строки удалить width:100%;

Answer 2

Как вижу вы решили вопрос. Для компьютерной версии все отлично, а для мобильной лучше оставьте текстовый лого чтобы не ломать адаптивность шапки сайта.

Вместо:

width="35%"

пропишите:

style="max-width:100%;height:auto!important;"

Comments

Я не решил, я хотел бы сдвинуть как на картинке выше. Сейчас лого привязано к классу и находится на уровне меню. Хотел бы его поднять повыше - в левый верхний уголок.

Совет выполнил.

---

Алексей Зарубин,

Вам ответили ниже. И да, лучше уменьшите размер с 100% в стилях чтоя  писал до 50 так как у вас само фото лого огромное слишком.