Reihenfolge Icon bei mobiler Ansicht ändern

oppi

Hallo,

wie kann ich in der mobilen Ansicht die Reihenfolge der Icons beeinflussen?

Ich würde es gerne so verändern, dass Sonne/Mond direkt neben der Suche erscheint. Momentan zwischen Benutzermenü und Seitennavigation.

Grüße

Cyperghost

Wenn du folgenden CSS-Code einträgst

CSS

@media screen and (max-width: 1024px) {
    .pageHeader {
        grid-template-areas: "logo search switchStyle user menu" !important;
    }
}

oppi

Danke! Funktioniert.

oppi

Noch ein kleiner Nachtrag.

Kann ich die Reihenfolge der Icons in der Desktop Ansicht auch beeinflussen?

Cyperghost

Dies kannst du machen, jedoch ist das etwas mehr aufwand und auch nicht ganz so einfach

CSS

.userPanelItems {
    > li {
        order: 10;
    }
    > #userMenu {
        order: 1;
    }
    > #userNotifications {
        order: 2;
    }
    > #outstandingModeration {
        order: 3;
    }
    > #unreadConversations {
        order: 4;
    }
    > .styleSwitch {
        order: 5;
    }
}

Alles anzeigen

Mit den Zahlen kannst du die Reihenfolge ändern

Reihenfolge Icon bei mobiler Ansicht ändern

Informationen

Über uns