Fixed Header

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Schreib mal folgendes CSS in dein Stylesheet ;-)

    .first.mobile, .second{
    position: fixed;
    top: 0;
    z-index: 10;
    }
    .second {
    top: 40px;
    z-index: 9;
    }
    .header{
    margin-top:120px;
    }

    position:fixed positioniert die Elemente "fixed" also sie scrollen nicht mit. Dann noch einen z-index vergeben damit es nicht hinter dem Content steht und dem Content auch noch einen Abstand nach oben geben damit dieser nicht hinter die fixierten Elemente rutscht.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden