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

Header fixieren

Dieses Thema im Forum "Design" wurde erstellt von benjaminkasper, 11. Oktober 2019.

  1. benjaminkasper

    benjaminkasper Active Member

    Registriert seit:
    17. September 2013
    Beiträge:
    32
    Zustimmungen:
    0
    Hallo zusammen

    Wir möchten auf unserer Website www.gschenklädeli.ch den Header inkl. Navigation fixieren, sodass beim Scrollen Header und Menü immer sichtbar bleiben.
    Dazu haben wir folgenden CSS-Code eingefügt:
    .site-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    }

    Nun ist es leider so, dass der Content ganz oben hinter dem Header beginnt und damit teilweise verdeckt ist. Eigentlich sollte der Content ja unterhalb des Headers beginnen...
    Beispielseite:
    http://gschenklädeli.ch/infos/datenschutzerklaerung/

    Was machen wir falsch?
     
    #1 benjaminkasper, 11. Oktober 2019
  2. wp-entwickler

    wp-entwickler Well-Known Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    124
    Zustimmungen:
    17
    Deswegen musst du vor dem Content einen margin einbauen oder ein zusätzliches (leeres) element, das den content nach unten schiebt ;)
     
    #2 wp-entwickler, 11. Oktober 2019
  3. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    Versuche nachfolgenden Code in die Zusätzlichen CSS im Customizer einzufügen:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Ggf auf unerwünschte Nebeneffekte prüfen!

    PS: nahezu gleichzeitig mit @wp-entwickler ;)
     
    #3 SEpp55, 11. Oktober 2019
    benjaminkasper gefällt das.
  4. wp-entwickler

    wp-entwickler Well-Known Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    124
    Zustimmungen:
    17
    @SEpp55 : Sorry, ich bin Grammar-Nazi ;) "nothing is AS easy as it looks"
     
    #4 wp-entwickler, 11. Oktober 2019
  5. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    591
    @wp-entwickler - thx

    Mir gefällt dafür Grammar-N... überhaupt nicht ;)
     
    #5 SEpp55, 11. Oktober 2019
    Zuletzt bearbeitet: 11. Oktober 2019
    wp-entwickler gefällt das.
  6. benjaminkasper

    benjaminkasper Active Member

    Registriert seit:
    17. September 2013
    Beiträge:
    32
    Zustimmungen:
    0
    Perfekt, hat geklappt. Vielen Dank!
     
    #6 benjaminkasper, 11. Oktober 2019
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden