Как сделать верхнюю шапку длиннее?

Question

[Никита Ройсман]

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

Вот как нужно:



Ссылка на сайт: https://u.to/CeQwGA

Answer 1

[Александр]

Для обычного разрешения

.header-in {
    margin: -30px;
}

Для мобильной версии

.header-in {
    max-width: unset;
    margin: 0 -30px;
}

Answer 2

[Арсений Матыцин]

Чтобы шапка была во всю ширину экрана, и при этом сам контент вписывался в общий контейнер ее делают в два уровня тегов. Верхний → по сути только ради фона, а внутри тот, который задает ширину макета + margin:auto (к примеру) для выравнивания посередине.