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

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

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

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

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

Чтобы контент записи на странице записи также выровнять на всю ширину сайта, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код

/* Выравнивание контента записи на всю ширину */
.entry-content, .home-text, .taxonomy-description {
    max-width: 100%;
}

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

/* Выравнивание контейнера сайта на всю ширину */
@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;
}
}

Вам помог ответ?