Kategorieleiste nach unten verschieben

Thema wurde von lotharschlaefer, 26. Oktober 2016 erstellt.

  1. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    Hallo,

    ich möchte gerne die Kategorieleiste, die sich unter dem Header befindet, weiter nach unten verschieben, sodass der Header größer wird. Wenn ich den Header vergrößere wird der zwar größer jedoch bleibt die Kategorieleiste so stehen wie sie ist und rutscht nicht mit nach unten. Kann mir bitte jemand helfen?

    Vielen Dank.

    LG Lisa
     
  2. patrickramin
    patrickramin Erfahrener Benutzer
    Registriert seit:
    4. November 2015
    Beiträge:
    226
    Danke erhalten:
    41
    Danke vergeben:
    50
    Hi!
    Du musst per CSS die innere Höhe des Headers festlegen.

    #header.navbar .inside {
    height: 100px;
    }

    Diese CSS-Angabe in deine Usermod-CSS oder in die "Eigene CSS" im Style-Edit
     
  3. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    Das hat super geklappt! Vielen Dank.
    Jetzt ist es nur so, dass der Menükasten in der Kategorieleiste hängt (siehe Bild). Wie bekomme ich denn jetzt diese auch weiter nach unten?
     

    Anhänge:

    • Bild.png
      Bild.png
      Dateigröße:
      2,2 MB
      Aufrufe:
      45
  4. patrickramin
    patrickramin Erfahrener Benutzer
    Registriert seit:
    4. November 2015
    Beiträge:
    226
    Danke erhalten:
    41
    Danke vergeben:
    50
    Ist das "live" auch so, oder nur in der Style-Edit-Vorschau?
     
  5. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    ja, ist auch so,wenn ich den Style-Edit ausschalte
     
  6. patrickramin
    patrickramin Erfahrener Benutzer
    Registriert seit:
    4. November 2015
    Beiträge:
    226
    Danke erhalten:
    41
    Danke vergeben:
    50
    Die müsste sich eigentlich automatisch mit nach unten drücken...vermutlich ein kleiner CSS-Fehler irgendwo...
    Kann auch leider nicht nachgucken, da dein Shop Off ist.
     
  7. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Den Abstand zum Header stellt man im SE ein unter Allgemein ->

    gambio42.jpg
     
  8. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    hmm komisch. ich schalte ihn kurz online. Wäre super, wenn Du schnell nachsehen könntest. Bitte denke Dir aber nichts, der Shop ist noch lange nicht fertig....

    Mein Shop: www.gesundes-wohnen-leben-shop.de
     
  9. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    @lotharschlaefer

    versuche mal folgenden CSS Code:

    Code:
    #header {
    margin-bottom: 20px;
    }
    oder

    Code:
    #header {
    height: 150px;
    }
     
  10. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    ne bei Abstand oben wird nur der ganze Header nach unten geschoben. Das will ich ja nicht, sondern ich will das der Menükasten weiter unten ist, siehe Bild, dass ich vorhin angehängt habe.
     
  11. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    Vielen Dank Michael, jetzt hat es geklappt.
     
  12. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Wenn du nur den Kasten mit dem Kategorien verschieben willst hilft

    Code:
    #wrapper #left {
    top: 10px;
    }
     
  13. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    hat auch funktioniert. Danke.
     
  14. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    So wie es scheint bin ich hier im Forum der einzige bei dem der SE3 korrekt funktioniert :)

    gambio43.jpg
    gambio44.jpg
     
  15. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69

    komisch.. bei mir hatte das so nicht funktioniert. erst als ich die css von Michael eingefügt habe
     
  16. patrickramin
    patrickramin Erfahrener Benutzer
    Registriert seit:
    4. November 2015
    Beiträge:
    226
    Danke erhalten:
    41
    Danke vergeben:
    50
    sorry...grad erst wieder am Rechner...
    Hattest du neben dem Extra-CSS auch die Header-Höhe im SE angepasst?

    Wie gesagt, ist schon komisch sonst...
     
  17. patrickramin
    patrickramin Erfahrener Benutzer
    Registriert seit:
    4. November 2015
    Beiträge:
    226
    Danke erhalten:
    41
    Danke vergeben:
    50
    #17 patrickramin, 26. Oktober 2016
    Zuletzt bearbeitet: 26. Oktober 2016
    Da muss dann praktisch folgender Wert rein:
    Deine neue "header.navbar .inside" - Höhe + die Höhe der Kategorieleiste = Höhe Header
     
  18. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    Dein Tipp hatte schon geklappt nur war ja dann der Menükasten in der Kategorieleiste gehangen. ich glaube ich habe dann wahrscheinlich die Höhe darunter nicht mit eingegeben.
     
  19. patrickramin
    patrickramin Erfahrener Benutzer
    Registriert seit:
    4. November 2015
    Beiträge:
    226
    Danke erhalten:
    41
    Danke vergeben:
    50
    Deswegen ja...normalerweise müsste sich der Inhalt unterhalb ja entspr. anpassen und sollte nicht nach oben rutschen.
    Irgendwo gibts da scheinbar noch ne falsche Höhenangabe.
    Kannste wie Micha schon schreibt mit margin "künstlich" runterdrücken, aber richtig sauber ist das nicht.