للأسف، لا يقدمون الكثير من النصائح للتخصيص الذي نحتاجه. استغرقت أسبوعًا للحصول على هذا التصميم المتسق. بينما كان يمكن لمطوري السمات تقديم هذه البشرة كبديل.
على أي حال…
لقد قمت بتعطيل المكون كامل العرض. وأضفت هذه كـ 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;
}
آمل أن يساعد ذلك. سأرد عندما ترسل لي رسالة إذا لزم الأمر.