Come possiamo nascondere il pulsante di accesso nell’intestazione e visualizzarlo in un altro punto, ad esempio nel menu Hamburger?
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:
6 Mi Piace
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.
5 Mi Piace