gelöst Probleme mit dem Verhalten des Sticky im Header

Thema wurde von Anonymous, 9. September 2017 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    Hallo Forum,

    ich hätte gern im Header das gleiche "Sticky-Verhalten" wie im Testhop 1 ((Link nur für registrierte Nutzer sichtbar.)), aber ich bekomme es nicht hin. Wenn ich bei Kategorien und Sekundärnavigation Sticky auf 0 setze, verschwinden die beim scrollen. Aber ich bekomme es nicht hin, dass der Hauptteil (mit Logo und Suche) stehen bleibt und z.B das Logo kleiner wird...

    Hat jemand einen Tipp?
     
  2. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    Hast Du evtl. Deinen Shop im "boxed-Style"? Dann geht das wohl nicht?!
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    Ja stimmt, habe aber auch mal die anderen Styles ausprobiert.
    Wenn ich im Header den "Sticky-Wert" hoch setzen, wird beim Scrollen nach unten, einfach ein Balken am oberen Rand gezeigt, siehe Bild.
    upload_2017-9-9_12-29-1.png
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Welche Logo-Höhe sticke hast Du denn? und welche für die Suche?
    Wenn die Werte da richtig eingetragen sind, funktioniert das auch.
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    Steht aktuell alles auf 60px ("Ganz oben", Logo, Suche, Allgemeiner Bereich, Warenkorb)
    Testshop: (Link nur für registrierte Nutzer sichtbar.)
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Code:
    @media (min-width: 1200px){
    #header.sticky #navbar-brand, #header.sticky #search.collapse, #header.sticky #custom-1, #header.sticky .navbar-cart, #header.sticky .subheader {
        display: none !important;
    }}
    Suche mal, wo Du den Code eingetragen hast.
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    \templates\Honeygrid\usermod\css\custom.css.
    Das kommt dann wohl von einem Netdexx Template, was ich anfänglich mal eingesetzt habe.
    Wie müsste das denn modifiziert werden?
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    Habe die Zeile einfach raus genommen, jetzt funktioniert es und ich spiele gerade mit den Einstellungen.

    Danke Dir Barbara.
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Der Code sorgt dafür, dass es keine Anzeige gibt. Nimm den einfach ganz raus, dann sollte es funktionieren.

    Da war ich zu langsam :)