아쉽게도 우리가 필요로 하는 커스터마이징에 대한 조언은 많이 공유하지 않습니다. 일관된 디자인을 만들기까지 1주가 걸렸죠. 테마 개발자가 이 스킨을 대안으로 제공해 줄 수 있었을 텐데 말이죠.
어쨌든…
전체 폭(full-width) 구성 요소를 비활성화하고, 아래를 사용자 정의 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;
}
도움이 되길 바랍니다. 필요하시면 메시지를 보내주시면 답장드리겠습니다.