Como podemos ocultar o botão de login no cabeçalho e exibi-lo em outro local, por exemplo, no menu Hambúrguer?
Assumindo que você queira isso para dispositivos móveis, como indica sua captura de tela, adicione este código à guia CSS do componente de tema móvel:
Em seguida, crie um link personalizado para a seção superior da barra lateral:
Aí está…
Clique nele e lá está o modal:
6 curtidas
Além disso, para mostrar o link da barra lateral de login apenas para usuários anônimos, você pode usar este código em vez disso:
.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;
}
Eu acho que o data-list-item-name diferencia maiúsculas de minúsculas, então se o seu link for “Login”, ele deve ser o mesmo no código CSS.
5 curtidas