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

支持
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 个赞