Comment cacher le bouton de connexion dans l'en-tête

[thaidb]

Comment pouvons-nous masquer le bouton de connexion dans l’en-tête et l’afficher ailleurs, par exemple dans le menu Hamburger ?

[Lilly (Lillian)]

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 :

[Lilly (Lillian)]

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.