# 如何隐藏匿名查看者的侧边栏？

**URL:** <https://meta.discourse.org/t/how-do-i-hide-the-sidebar-for-anon-viewers/250311>\
**Category:** Support\
**Tags:** sidebar\
**Created:** [2023年一月1日 13:22 UTC](https://meta.discourse.org/t/how-do-i-hide-the-sidebar-for-anon-viewers/250311 "2023-01-01T13:22:55Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2023年一月1日 16:09 UTC](https://meta.discourse.org/t/how-do-i-hide-the-sidebar-for-anon-viewers/250311/2 "2023-01-01T16:09:15Z")

</div>

您好，

使用此方法可以隐藏匿名用户的侧边栏。🙂

通用 / CSS

```scss
html.anon {
  // 隐藏窄桌面侧边栏
  // 宽度小于 1000px 时在桌面上激活的侧边栏移动版本
  .d-header .hamburger-panel {
    display: none;
  }
  // 隐藏菜单打开时的标题斗篷
  .header-cloak {
    display: none !important;
  }
}

```

桌面 / CSS

```scss
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

```scss
html.anon {
  // 隐藏汉堡包按钮
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/how-do-i-hide-the-sidebar-for-anon-viewers/250311)._