Как выровнять сайт по всей ширине?
Чтобы выровнять по всей ширине шапку, перейдите Внешний вид > Настроить > Структура > Шапка в поле Ширина шапки выберите На всю ширину.
Чтобы выровнять по всей ширине шапку, перейдите Внешний вид > Настроить > Структура > Подвал в поле Ширина подвала выберите На всю ширину.
Также можно выровнять меню под шапкой (Внешний вид > Настроить > Структура > Меню под шапкой) и меню в подвале (Внешний вид > Настроить > Структура > Меню в подвале).
Чтобы выровнять на всю ширину контент, перейдите Внешний вид > Настроить > Расширенные настройки и отметьте опцию Контент на всю ширину.
Затем нажмите Внешний вид > Настроить > Дополнительные стили и добавьте код:
@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;
}
}
Вам помог ответ?