Comment pouvons-nous masquer le bouton de connexion dans l’en-tête et l’afficher ailleurs, par exemple dans le menu Hamburger ?
En supposant que vous souhaitiez ceci pour mobile, comme l’indique votre capture d’écran, ajoutez ce code à l’onglet CSS mobile d’un composant de thème :
Créez ensuite un lien personnalisé pour la section supérieure de la barre latérale :
Et voilà…
Cliquez dessus et vous verrez la modale :
6 « J'aime »
De plus, pour afficher le lien de la barre latérale de connexion uniquement aux utilisateurs anonymes, vous pouvez utiliser ce code à la place :
.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;
}
Je pense que data-list-item-name est sensible à la casse, donc si votre lien est « Login », il doit en être de même dans le code CSS.
5 « J'aime »