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

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;
}

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

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