Сделать логотип выходящий за пределы header?

Question

[typ6alet]

Собственно суть чтобы логотип выходил за пределы шапки не расстягивая ее.

Comments

[Ankhena]

absolute
transform
margin

[typ6alet]

Так как перенесли с ветки про вордпресс, уточняю, что именно на нем сайт базируется. ни в одной теме такого функционала не встречал

[Ankhena]

typ6alet, какая разница Вордпресс это или нет? Меняйте CSS как вам нужно.

[typ6alet]

Ankhena, так...

.site-branding a.brand img.svg-logo-image {
width: 264px;
position: absolute;
}

.site-branding a.brand img {
max-width: 264px;
}

Таким образом получилось. Но... теперь на мобильных оно большое и такая конструкция не помогает:

media (max-width: 767px){
.site-branding a.brand img.svg-logo-image {
width: 170px;
position: absolute;
}
.site-branding a.brand img {
max-width: 170px;
}
}

.site-branding a.brand img.svg-logo-image {
width: 264px;
position: absolute;
}

.site-branding a.brand img {
max-width: 264px;
}

[Вадим]

typ6alet, Вы предлагаете из общего инфополя вытянуть остальной написанный код на Вашем проекте, скомпилировать и отрендерить результат в голове?
Делайте демку с воспроизводимым примером на codepen и прикрепляйте к вопросу.
А так же код стоит заключать в специальный тэг <code>

[Ankhena]

typ6alet,

.site-branding a.brand img.svg-logo-image {
width: 264px;
position: absolute;
}

1. Это ужасный селектор.
2. Вы так вынете картинку из ссылки. А подвинуть, наверное, надо всю конструкцию целиком.
.brand {абсолют и т.д.} или .site-branding - мы не знаем что в разметке.
3. Забыли координаты для позиционирования.
4. В media зачем-то переопределяете абсолют на абсолют
5. Если вы пишете сначала madia, а потом основные свойства, то они и переопределяют то, что выше.
6. Зачем два селектора для, по всей видимости, одного элемента .site-branding a.brand img.svg-logo-image и .site-branding a.brand img

[Модератор]

typ6alet,Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.

[Алан Гибизов]

Сделать логотип выходящий за пределы header?

Не надо!