В темах для WordPress часто неправильно определяют очередность вывода блоков, отвечающих за вывод списка записей, самой записи и сайдбара на Главной, в рубриках и в самой странице или записи.
Этот порядок определяется параметром order для блоков в CSS
Очень часто проблема с порядком вывода блоков всплывает лишь на этапе входа на сайт с мобильных устройств: планшета или смартфона, где вертикальные и горизонтальные разрешения явно не привычные для этой темы. Часто пользователям при входе в запись может выпасть изначально список виджетов сайдбара, а только затем, в самом низу страницы уже сама запись.
Нужно поправить параметры порядка вывода для блоков WordPress: container и, к примеру, right-sidebar
Эта дичь вполне себе исправима таким кодом в CSS (в примере я показал код CSS для index.php и single.php:
/* —————————————————————
моб сортировка на Главной
————————————————————— */@media screen and (min-width:320px) and (max-width:1024px) {
.container {
display: flex !important;
flex-flow: wrap !important;
}
}@media screen and (min-width:320px) and (max-width:1024px) {
#right-sidebar {
order: 1 !important;
}
}@media screen and (min-width:320px) and (max-width:1024px) {
#main {
order: 0 !important;
}
}/* —————————————————————
моб сортировка на записи
————————————————————— */@media screen and (min-width:320px) and (max-width:1024px) {
#single_main {
order: 0 !important;
width: 100% !important;
height: auto !important;
float: left !important;
position: relative !important;
}
}@media screen and (min-width:320px) and (max-width:1024px) {
#single_right_sidebar {
order: 1 !important;
width: 100% !important;
height: auto !important;
float: right !important;
position: relative !important;
}
}
По тому же принципу сработают и любые другие блоки, которым вы принудительно зададите очередность вывода на странице под различные разрешения, указав параметр !important.