Wie man den Login-Button in der Kopfzeile versteckt

Wie können wir den Login-Button im Header ausblenden und ihn in einem anderen Bereich, z. B. im Hamburger-Menü, anzeigen?

Vorausgesetzt, Sie möchten dies für Mobilgeräte, wie Ihr Screenshot zeigt, fügen Sie diesen Code zum CSS-Tab eines Themas für Mobilgeräte hinzu:

Erstellen Sie dann einen benutzerdefinierten Link für den oberen Bereich der Seitenleiste:

Da ist es…

Klicken Sie darauf und dort ist das Modal:

6 „Gefällt mir“

Außerdem, um den Link zur Anmeldeseitenleiste nur anonymen Benutzern anzuzeigen, können Sie stattdessen diesen Code verwenden:

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

Ich glaube, data-list-item-name ist Groß- und Kleinschreibung zu beachten. Wenn Ihr Link also „Login“ lautet, sollte er im CSS-Code derselbe sein.

5 „Gefällt mir“