Как выровнять сайт по всей ширине?

Чтобы выровнять шапку на всю ширину, перейдите в Внешний вид > Настроить > Структура > Шапка и в поле “Ширина шапки” выберите “На всю ширину”.

Чтобы выровнять подвал на всю ширину, перейдите в Внешний вид > Настроить > Структура > Подвал в поле “Ширина подвала” выберите “На всю ширину”.

Также можно выровнять меню под шапкой (Внешний вид > Настроить > Структура > Меню под шапкой) и меню в подвале (Внешний вид > Настроить > Структура > Меню в подвале).

Чтобы выровнять на всю ширину контент всех страниц, перейдите в ​Внешний вид > Настроить > Расширенные настройки и в поле “Контент на всю ширину поставьте галочку.

Затем перейдите в Внешний вид > Настроить >​ Дополнительные стили и добавьте код:

@media (min-width: 768px) {
.site-main {
    display: block;
    margin: 0 auto;
}
}

@media (min-width: 992px) {
.content-area { 
    width: calc(100% - 360px); 
    max-width: 820px;
}

.entry-rating, .author-box, .b-share--post, .comments-area {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.b-related {
    margin-bottom: 30px; 
    max-width: 700px; 
    margin-left: auto; 
    margin-right: auto;
}
}

@media (min-width: 1200px) {
.content-area {
    width: calc(100% - 430px); 
    max-width: 1400px;
}
}