Lamentablemente, no comparten muchos consejos para la personalización que necesitamos. Me tomó 1 semana conseguir este diseño coherente. En cambio, los desarrolladores de temas podrían haber ofrecido esta apariencia como una alternativa.
De todos modos…
Desactivé el componente de ancho completo. y agregué esto como CSS personalizado.
#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;
}
Espero que ayude. Responderé cuando me envíes un mensaje si es necesario.