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:
    735
    Danke erhalten:
    148
    Danke vergeben:
    188
    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:
    8.855
    Danke erhalten:
    1.533
    Danke vergeben:
    1.108
    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:
    735
    Danke erhalten:
    148
    Danke vergeben:
    188
    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.452
    Danke erhalten:
    11.255
    Danke vergeben:
    1.606
    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:
    735
    Danke erhalten:
    148
    Danke vergeben:
    188
    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.452
    Danke erhalten:
    11.255
    Danke vergeben:
    1.606
    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:
    735
    Danke erhalten:
    148
    Danke vergeben:
    188
    \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:
    735
    Danke erhalten:
    148
    Danke vergeben:
    188
    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.452
    Danke erhalten:
    11.255
    Danke vergeben:
    1.606
    Der Code sorgt dafür, dass es keine Anzeige gibt. Nimm den einfach ganz raus, dann sollte es funktionieren.

    Da war ich zu langsam :)