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

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

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

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

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

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

@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;
}
}
Вам помог ответ?
Похожие вопросы