malheureusement, ils ne donnent pas beaucoup de conseils pour la personnalisation dont nous avons besoin. il m’a fallu 1 semaine pour obtenir ce design cohérent. alors que les développeurs de thèmes auraient pu proposer cette skin comme alternative.
Enfin…
J’ai désactivé le composant pleine largeur. et j’ai ajouté ceci en CSS personnalisé.
#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;
}
J’espère que cela vous aidera. Je répondrai lorsque vous m’enverrez un message si nécessaire.