여러분 안녕하세요
카테고리에 이미지, 아이콘 또는 이모지를 추가하면, 아래로 스크롤할 때 category-heading이 고정(sticky)되어 많은 공간을 차지합니다.
아래의 제 게시물에서 참고할 수 있듯이, 카테고리 헤더 테마 컴포넌트에도 영향을 미칩니다.
3.6.0.beta2에서 테스트했습니다.
3개의 좋아요
네, 그건 짜증나는 부작용이라는 데 동의합니다.
아쉽게도 이에 대한 해결책은 없습니다. 카테고리 헤더가 내비게이션과 동일한 고정(sticky) 요소 안에 있으며, 고정 속성을 한 단계 아래로 이동할 수 없습니다. 왜냐하면 고정 속성은 플렉스 요소 내부에서는 작동하지 않기 때문입니다…
모바일에서 CSS를 사용하여 로고를 숨기거나 최소화하는 것을 권장합니다.
1개의 좋아요
나도 스티키 내비게이션이 마음에 안 들어요. 공간을 너무 많이 차지하거든요.
이걸 어떻게 꺼낼 수 있을까요?
이 기능을 설정할 옵션이 없습니다. CSS를 직접 덮어써야 합니다.
Horizon 테마에는 카테고리 설명이 주제 목록을 스크롤할 때도 계속 표시되는 유용한 기능이 있습니다:
데스크톱에서는 이 기능이 훌륭하지만, 공간이 좁아지는 경우(예: 모바일)에는 주제 목록이 읽기 어렵게 됩니다(특히 텍스트가 길 경우).
2개의 좋아요
사실 내비게이션을 표시되게 유지하고 싶었던 것에서 발생한 의도하지 않은 부수 효과입니다. 수정이 가능한지 확실하지 않습니다(두 요소가 같은 컨테이너 안에 있는 건가요? 
). 선택해야 한다면 원래 의도대로 가겠습니다.
관심 있으신 분은 편하게 살펴봐 주세요.
1개의 좋아요
css로 해결했습니다.
/* 모바일에서 Horizon의 고정(list-controls) 비활성화 */
@media (max-width: 767px) {
.list-controls {
position: static !important;
top: auto !important;
transform: none !important;
margin-top: 0 !important;
}
}
3개의 좋아요
그렇게 하면 모바일에서 설명과 내비게이션이 모두 고정되지 않게 되는 것 아닌가요?
우리는 설명은 사라지되, 내비게이션은 고정되기를 원합니다.
2개의 좋아요
내비게이션이 우리에게도 너무 많은 공간을 차지하고 있었습니다.
현재 스크롤 가능한 Pills를 사용하는 것을 고려하고 있습니다.
이것을 sticky로 만들고 싶은데 아직 성공하지 못했습니다.
1개의 좋아요
네, 불행히도 레이아웃을 재구성하지 않으면 CSS만으로 이를 간단하게 구현할 수 있는 방법이 없습니다.
현재 Horizon 테마는 카테고리 헤더를 포함하여 .list-controls 컨테이너 전체를 고정(sticky) 상태로 유지하고 있습니다. 고정 요소는 부모 요소의 스크롤 컨텍스트 내에서만 고정되므로, 자식 요소인 .navigation-container만 단독으로 고정 상태로 만들 수는 없습니다.
이 영역을 재구성할 수는 있지만, 기존 구조를 기반으로 스타일을 적용하는 모든 테마에 영향을 미치는 변경 사항 중 하나입니다… 따라서 이러한 스티키 내비게이션이 없더라도 다른 테마나 사용자 정의 설정에서 회귀(regression) 문제가 발생할 가능성이 높습니다.
1개의 좋아요
그렇다면 이 문제의 해결책은 무엇일까요?
호라이즌(Horizon)에서 모바일 환경의 카테고리 설명을 단순히 숨기는 것이 나을지 궁금합니다. 어차피 정보의 중복이며, 공간이 매우 협소한 상황이기도 합니다.
저는 TC의 모바일 탭에서 간단한 CSS를 사용하여 이를 구현했습니다:
.category-heading.--has-logo {
display: none;
}
이것이 호라이즌에 기본으로 포함되는 것이 좋을까요?
이미 앞으로 나아갈 길을 만들었습니다: 사용자 정의 CSS를 사용해 원하는 대로 조정하세요. 
1개의 좋아요
네, 하지만 이 경우 내 개인적인 취향의 문제가 아니라 테마 자체의 더 큰 문제입니다. 모바일 기기에서 큰 고정형 카테고리 설명을 실제로 좋아할 사람이 있다는 상상을 하기 어렵습니다. 디자인을 기획할 때 그런 의도는 아니셨을 거라고 생각해요.
1개의 좋아요
사람들이 커뮤니티에서 무엇을 원하는지는 정말 예측하기 어렵습니다. 저는 그대로 두기로 했습니다. 원하면 쉽게 숨길 수 있고, 그렇게 하는 것이 "왜 내 카테고리 배너가 모바일에서 안 뜨지?"라는 혼란을 줄 수 있는 더 간단한 방법이기 때문입니다.
관리자가 사용자 정의 CSS를 추가할 수 없는 호스팅 플랜(예: 무료 플랜)은 어떻게 되나요?
정말 원하는 사람이 있다면(그럴 것 같지는 않지만), 이를 제어하는 테마 설정이 있을까요?
2개의 좋아요