¿Cómo oculto la barra lateral para los espectadores anónimos?

Soporte
2

Hola,

Con esto puedes ocultar la barra lateral para anónimos. :slightly_smiling_face:

Común / CSS

html.anon {
  // Ocultar la barra lateral estrecha de escritorio
  // versión móvil de la barra lateral que también se activa en el escritorio con un ancho inferior a 1000px
  .d-header .hamburger-panel {
    display: none;
  }
  // Ocultar la capa del encabezado cuando se abre el menú
  .header-cloak {
    display: none !important;
  }
}

Escritorio / CSS

html.anon {
  // Si la barra lateral está abierta, usa el estilo cerrado
  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);
    }
  }
  // Ocultar el botón de hamburguesa
  .header-sidebar-toggle {
    display: none;
  }
}

Móvil / CSS

html.anon {
  // Ocultar el botón de hamburguesa
  .d-header-icons {
    .header-dropdown-toggle {
      &.hamburger-dropdown {
        display: none;
      }
    }
  }
}
10 Me gusta