Navbar, Mobile, fixieren

  • Affected Version
    WoltLab Suite 3.1

    Wie kann ich die navbar, Mobile, fixieren? Das Logo, der Hauptmenü und Benutzermenü Button sind oben fixiert die farbige Leiste dahinter verschwindet beim scrollen. Doof weil man die Menü Punkte dann nicht mehr sieht. Kann ich das ganze, wahrscheinlich schon 😂, nur wie fixieren? Das sie oben bleibt...

  • .pageHeaderPanel ist bei dir aktuell transparent. Gib dort mobil einfach die Hintergrundfarbe an.

    Als Beispiel mit deinem Farbverlauf:

    CSS
    @include screen-md-down {
        .pageHeaderPanel {
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(221, 0, 0, 1) 50%, rgba(255, 206, 0, 1) 100%);
        }
    }

    Da kann man sich auch gut am Standard Stil orientieren. Da ist mobil auch .pageHeaderPanel der Bereich mit der Hintergrundfarbe. Das ist halt der Bereich, der via position: fixed fixiert wird.

  • .pageHeaderPanel ist bei dir aktuell transparent. Gib dort mobil einfach die Hintergrundfarbe an.

    Als Beispiel mit deinem Farbverlauf:

    CSS
    @include screen-md-down {
        .pageHeaderPanel {
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(221, 0, 0, 1) 50%, rgba(255, 206, 0, 1) 100%);
        }
    }

    Da kann man sich auch gut am Standard Stil orientieren. Da ist mobil auch .pageHeaderPanel der Bereich mit der Hintergrundfarbe. Das ist halt der Bereich, der via position: fixed fixiert wird.

    Danke dir hat geklappt :)

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!