Moin Moin liebe Community, ich habe hier ein Problem was mit echt Kopfschmerzen verbreitet Ich habe ein Menu erstellt das nur in einem Bestimmten Bereich angezeigt wird. sehe hier den Screenshot als Beispiel
Wenn man nun nach unten Scrollt wird das Menu gelöst und wird oben angeheftet, was auch soweit alles Wunderbar Funktioniert. siehe dieses Bild
So soweit so gut, aber eines stört mich auch wenn es nur eine Kleinigkeit ist und eher fürs Auge, was mich nun stört ist das ich Links und Rechts noch sehr viel PLatz in der 1 Zeile habe. Das Menu wird unten Losgelöst und 1:1 oben Fixiert. Mein Wunsch ist aber nun das die 3 unteren Spalten "Episodenhafter Content", "Sonstiges" und Klasseneigenschaftspunkte Automatisch in die erste Zeile mit rein kommen, so das das Sticky Menu nur aus 1 Zeile und keine 2 besteht. Dies müsste ja machbar sein? Also die letzten 3 Menu Bereiche sollten dann Automatisch hinter Mordor hinzugefügt werden
Mein CSS dazu sieht derzeit wie folgt aus
.sticky-menu-fixed {
position: fixed;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
transform: translateZ(0);
}
.sticky-menu-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
}
Alles anzeigen
Hat da wer einen Plan wie man dies Realisieren kann? Ich habe da nun schon einiges Probiert, aber bekomme es leider nicht in den Griff
Es soll dan so aussehen wie auf dieser Fotomontage
Ich Danke euch schon mal vorweg