Kategorieleiste nach unten verschieben

Thema wurde von lotharschlaefer, 26. Oktober 2016 erstellt.

  1. lotharschlaefer

    lotharschlaefer Erfahrener Benutzer

    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

    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

    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

    Ist das "live" auch so, oder nur in der Style-Edit-Vorschau?
     
  5. lotharschlaefer

    lotharschlaefer Erfahrener Benutzer

    ja, ist auch so,wenn ich den Style-Edit ausschalte
     
  6. patrickramin

    patrickramin Erfahrener Benutzer

    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

    Den Abstand zum Header stellt man im SE ein unter Allgemein ->

    gambio42.jpg
     
  8. lotharschlaefer

    lotharschlaefer Erfahrener Benutzer

    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

    @lotharschlaefer

    versuche mal folgenden CSS Code:

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

    Code:
    #header {
    height: 150px;
    }
     
  10. lotharschlaefer

    lotharschlaefer Erfahrener Benutzer

    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

    Vielen Dank Michael, jetzt hat es geklappt.
     
  12. Anonymous

    Anonymous Beta-Held

    Wenn du nur den Kasten mit dem Kategorien verschieben willst hilft

    Code:
    #wrapper #left {
    top: 10px;
    }
     
  13. lotharschlaefer

    lotharschlaefer Erfahrener Benutzer

    hat auch funktioniert. Danke.
     
  14. bt012ss

    bt012ss Erfahrener Benutzer

    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


    komisch.. bei mir hatte das so nicht funktioniert. erst als ich die css von Michael eingefügt habe
     
  16. patrickramin

    patrickramin Erfahrener Benutzer

    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

    Da muss dann praktisch folgender Wert rein:
    Deine neue "header.navbar .inside" - Höhe + die Höhe der Kategorieleiste = Höhe Header
     
    Zuletzt bearbeitet: 26. Oktober 2016
  18. lotharschlaefer

    lotharschlaefer Erfahrener Benutzer

    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

    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.