햄버거 메뉴에서 하위 카테고리 숨기기

햄버거 메뉴에서 하위 카테고리 목록을 숨기고 상위 카테고리만 표시할 수 있는 방법이 있을까요? 꽤나 살펴봤지만 방법을 찾지 못했습니다.

감사합니다!

이 CSS를 사용해도 됩니다 :smiley:

.hamburger-panel .category-link.subcategory {
    display: none;
}

또한 이전에 만든 이 테마 컴포넌트도 있습니다:

감사합니다! 추가했습니다. 잘 작동합니다.

한 가지 추가 질문이 있습니다(CSS에 대해 전혀 모르기 때문에). Category Hider를 사용하지 않고, 특정 카테고리 하나만 숨길 수 있는 CSS가 있을까요?

.hamburger-panel .category-link.category-{{slug}} {
    display: none
}

예를 들어

.hamburger-panel .category-link.category-101-category {
    display: none
}
.hamburger-panel .category-link.category-general {
    display: none
}

슬러그를 확인하려면 F12를 눌러 DevTools를 열어야 할 수 있습니다.

@Lhc_fl 다시 한번 감사합니다!

@keegan 결국 향후 유연성을 더 쉽게 확보하기 위해 Category Hider Theme Component를 설치하게 되었습니다. 잘 작동하고 있으니 감사합니다!

설정에서 오타 하나를 발견했습니다:

큰 문제는 아니지만 알려드리고 싶었습니다.

@Loki 알려주셔서 감사합니다. 수정해서 배포했습니다 :slight_smile:

@keegan 설명 텍스트가 의도치 않게 중복된 또 다른 사례를 방금 발견했습니다:

알려드리려고 합니다.