head_navi fixiert - aber wie?

Thema wurde von Anonymous, 2. Oktober 2015 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Februar 2012
    Beiträge:
    282
    Danke erhalten:
    24
    Danke vergeben:
    87
    #1 Anonymous, 2. Oktober 2015
    Zuletzt bearbeitet: 25. Mai 2016
    Wie bekomme ich das Top-Menü fixiert?

    Hallo,
    ich möchte gerne die head_navi fixieren so das dass Top-Menü beim srollen ganz oben permanent im Shop sichtbar stehen bleibt. Genau so wie in diesem Shop:
    (Link nur für registrierte Nutzer sichtbar.)

    Habe in anderen Beiträgen zwar schon gelesen, dass es nur mit CSS möglich sein soll, komme aber definitiv auf keine Lösung.
    Wer weis Rat? Bin für jeden Tip dankbar.

    Vielen Dank schon mal im voraus.
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Februar 2012
    Beiträge:
    282
    Danke erhalten:
    24
    Danke vergeben:
    87
    #2 Anonymous, 7. Oktober 2015
    Zuletzt bearbeitet: 25. Mai 2016
    Hat keiner eine Idee?:confused:
     
  3. THR
    THR Erfahrener Benutzer
    Registriert seit:
    1. Juni 2011
    Beiträge:
    276
    Danke erhalten:
    13
    Danke vergeben:
    22
    #3 THR, 7. Oktober 2015
    Zuletzt bearbeitet: 7. Oktober 2015
    Meinst du das in etwa so?

    #top_navi {
    background-color: rgb(255, 255, 255);
    position: fixed;
    z-index: 99;
    }

    #container {
    margin-top: 40px;
    }

    Musst noch ein wenig anpassen.
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Oktober 2014
    Beiträge:
    566
    Danke erhalten:
    59
    Danke vergeben:
    86
    Dazu gibt es viele selbsthilfe Seiten, einfach Google " Top Header fixed" eingeben. Da du ein dein Template sicher per Usermod gespeichert hast, mußt du auch dort die CSS Datei umschreiben. Aber einfach position: fixed wird nicht reichen.
     
  5. THR
    THR Erfahrener Benutzer
    Registriert seit:
    1. Juni 2011
    Beiträge:
    276
    Danke erhalten:
    13
    Danke vergeben:
    22
    Stimmt natürlich.
    War auch nur als Ansatz / Hinweis gemeint und keine fertige Lösung. :)
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Februar 2012
    Beiträge:
    282
    Danke erhalten:
    24
    Danke vergeben:
    87
    #6 Anonymous, 7. Oktober 2015
    Zuletzt bearbeitet: 25. Mai 2016
    Vielen Dank schon mal für die Hilfestellung.
    Aber es war nicht die top_navi sondern die head_navi gemeint. Mit dem css-Befehl von THR bleibt die head_navi zwar dort wo sie ist fixiert, aber dann stört sie eher weil sie ca. 150 px von der oberen Bildschirmkante entfernt stehen bleibt. Sie soll ja beim scrollen sich nach oben bewegen aber dann an der oberen Bildschirmkante sichtbar bleiben. Genau so wie auf dieser Seite: (Link nur für registrierte Nutzer sichtbar.)
    Ich hatte danach bei Tante google gesucht, aber leider keine passende Lösung gefunden.
    Wer also noch etwas weiß….
     
  7. THR
    THR Erfahrener Benutzer
    Registriert seit:
    1. Juni 2011
    Beiträge:
    276
    Danke erhalten:
    13
    Danke vergeben:
    22
    Gibt eine ganze Menge verschiedener Lösungen.
    Such mal nach "Sticky Menu on Scroll"
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Februar 2012
    Beiträge:
    282
    Danke erhalten:
    24
    Danke vergeben:
    87
    #8 Anonymous, 7. Oktober 2015
    Zuletzt bearbeitet: 25. Mai 2016
    Thanks THR!
    Ich glaube das könnte sein wonach ich gesucht habe.
    Mal sehen ob ich es umsetzen kann….