1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Fixed Header

Dieses Thema im Forum "Design" wurde erstellt von ultramescaline, 22. Februar 2016.

  1. ultramescaline

    ultramescaline New Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    1
    Zustimmungen:
    0
    Hallöchen ihr Lieben!

    Ich würde gerne auf der Siete hier den kompletten Header festpinnen und nur den Programmteil versteck hinter dem header hochscrollen lassen.

    http://www.wmz-lab.de/Village-Test/

    Kann mir einer verraten wie das geht. Wär super! Vielen vielen Dank!
     
  2. cgpro

    cgpro Member

    Registriert seit:
    22. Februar 2016
    Beiträge:
    12
    Zustimmungen:
    0
    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.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden