Come nascondere il pulsante di login nell'intestazione

[thaidb]

Come possiamo nascondere il pulsante di accesso nell’intestazione e visualizzarlo in un altro punto, ad esempio nel menu Hamburger?

[Lilly (Lillian)]

Supponendo che tu lo voglia per dispositivi mobili, come indica lo screenshot, aggiungi questo codice alla scheda CSS mobile di un componente tema:

Quindi crea un collegamento personalizzato per la sezione della barra laterale superiore:

Eccolo…

fai clic su di esso e lì c’è la modale:

[Lilly (Lillian)]

Inoltre, per mostrare il link della barra laterale di accesso solo agli utenti anonimi, è possibile utilizzare questo codice:

.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;
}

Penso che data-list-item-name sia sensibile alle maiuscole, quindi se il tuo link è “Login” dovrebbe essere lo stesso nel codice CSS.