포럼 업데이트 이후 모바일 버전에서 카테고리 배너가 박스를 벗어나는 문제가 발생했습니다. 배너 크기를 고정하면 해결될 것 같습니다.
혹시 도와주실 분 계신가요?
미리 감사합니다.
안녕하세요,
이 CSS가 원인이 될 것 같습니다.
.category-logo.aspect-image {
width: calc(var(--max-height) * var(--aspect-ratio));
}
여기서 max-height는 150px이고, aspect ratio는 이미지에 따라 달라집니다. 즉, aspect ratio가 6인 이미지가 있다면 너비가 150 x 6 = 900px가 됩니다. 따라서 이미지의 aspect ratio에 따라 달라집니다.
하지만 이 계산식을 덮어쓸 수 있습니다…(이 부분은 아니지만 영향을 미칩니다) 아래 코드를 추가하면 됩니다.
이미지에 고정된 max-width를 추가하여 이미지가 이 값보다 넓어지지 않도록 합니다.
모바일 CSS 섹션에 다음을 추가하세요.
.category-list .category-logo.aspect-image {
max-width: 250px;
}
또는 모바일에서 다음과 같은 방법을 시도해 볼 수도 있습니다. 뷰포트의 최대 너비를 계산하여 이미지가 이에 맞춰 정렬되도록 합니다.
.category-list .category-logo.aspect-image {
max-width: calc(100vw - 2.5em);
}
@Don 정말 감사합니다 
이제 정말 멋져 보입니다!