К сожалению, они не дают много советов по той кастомизации, которая нам нужна. Мне потребовалась неделя, чтобы добиться последовательного дизайна, тогда как разработчики тем могли бы предложить эту скин в качестве альтернативы.
В любом случае…
Я отключил компонент на всю ширину и добавил следующий код как пользовательский CSS:
#main-outlet-wrapper {
display: flex;
justify-content: space-between;
}
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
flex: 1;
box-sizing: border-box;
}
.sidebar-wrapper,.custom-right-sidebar{max-width:280px;}
@media (max-width: 768px) {
#main-outlet-wrapper {
flex-direction: column;
}
}
body[class*=user-] .custom-tag-banner, body[class*=user-]
.custom-category-banner, body[class*=user-]
.custom-right-sidebar, body.archetype-regular
.custom-tag-banner, body.archetype-regular
.custom-category-banner, body.archetype-regular
.custom-right-sidebar {
display: flex;
}
Надеюсь, это поможет. Если потребуется, я отвечу, когда вы пришлете мне сообщение.