비로그인 사용자에게 사이드바를 숨기는 방법?

제품 지원
2

안녕하세요,

이것으로 익명 사용자에게 사이드바를 숨길 수 있습니다. :slightly_smiling_face:

공용 / CSS

html.anon {
  // 좁은 데스크톱 사이드바 숨기기
  // 1000px 미만 폭에서 데스크톱에서도 활성화되는 모바일 버전 사이드바
  .d-header .hamburger-panel {
    display: none;
  }
  // 메뉴가 열릴 때 헤더 클록 숨기기
  .header-cloak {
    display: none !important;
  }
}

데스크톱 / CSS

html.anon {
  // 사이드바가 열렸을 경우 닫힌 스타일 사용
  body.has-sidebar-page {
    #main-outlet-wrapper {
      grid-template-columns: 0 minmax(0, 1fr);
      gap: 0;
      padding-left: 10px;
    }
    .wrap {
      max-width: var(--d-max-width);
    }
  }
  // 햄버거 버튼 숨기기
  .header-sidebar-toggle {
    display: none;
  }
}

모바일 / CSS

html.anon {
  // 햄버거 버튼 숨기기
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}