Cómo ocultar el botón de inicio de sesión en la cabecera

¿Cómo podemos ocultar el botón de inicio de sesión en la cabecera y mostrarlo en otro lugar, por ejemplo, en el menú Hamburguesa?

Suponiendo que lo quieres para móvil, como indica tu captura de pantalla, añade este código a la pestaña CSS móvil de un componente temático:

Luego crea un enlace personalizado para la sección superior de la barra lateral:

Ahí está…

Haz clic en él y ahí está el modal:

6 Me gusta

Además, para mostrar el enlace de la barra lateral de inicio de sesión solo a los usuarios anónimos, puedes usar este código en su lugar:

.sidebar-section-link-wrapper[data-list-item-name="login"] {
    display: none;
}
.anon .sidebar-section-link-wrapper[data-list-item-name="login"] {
    display: flex;
}

.d-header .login-button {
    display: none;
}

Creo que data-list-item-name distingue entre mayúsculas y minúsculas, por lo que si tu enlace es “Login”, debería ser el mismo en el código CSS.

5 Me gusta