카테고리에 따라 다른 헤더 로고를 표시하려면?

개발
4

저도 최근에 같은 문제를 겪었습니다. 오래된 주제인 걸 알지만, 혹시라도 찾아보시는 분이 있을까 봐 해결 방법을 공유합니다.

CSS를 사용하여 body 요소에 있는 클래스를 통해 현재 어떤 카테고리에 있는지 감지할 수 있습니다.

// 일반 사이트 로고 숨기기
body.category-something #site-logo {
    display: none;
}

// 타이틀에 다른 이미지 표시
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

도움이 되셨으면 좋겠습니다 :slight_smile: