匿名閲覧者に対してサイドバーを非表示にするにはどうすればよいですか？

サポート
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;
      }
    }
  }
}
「いいね！」 10