Menüleiste nach unten kriegen

Thema wurde von Anonymous, 1. Oktober 2021 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    V4.4/4.5 Malibu

    Ich tue mich mit dem Header sehr schwer, ich versteh es nicht.

    Wenn ich den header erhöhe, zum Beispiel auf 280px, dann bleibt die Menüleiste (Kategorien) in der Höhe von oben stehen, das heißt, die Kategorieleiste steht irgendwo drin im header, und ist nicht unter dem header angeschlossen.

    Wie bekomme ich die Kategorieleiste unten an den header bündig angeschlossen.

    Ich habe gelesen, man nuss dann den frei gestaltbaren Bereich ebenfalls erhöhen. Wenn ich aber den frei gestaltbaren Bereich ausblenden möchte, ich brauche ihn nicht, dann funktioniert das nicht, wie bekomme ich dann die Navigationsleiste runtergeschoben, sodass sie am header anhängt, vorzugsweise über den StyleEdit.

    Danke und Gruß
     
  2. Alexander P.

    Alexander P. Aktives Mitglied

    Registriert seit:
    25. August 2011
    Beiträge:
    32
    Danke erhalten:
    13
    Danke vergeben:
    12
    Hast du einmal einen Link zum Shop?
     
  3. Alexander P.

    Alexander P. Aktives Mitglied

    Registriert seit:
    25. August 2011
    Beiträge:
    32
    Danke erhalten:
    13
    Danke vergeben:
    12
    Hast du auch die Navigation oder das Logo vergrößert, oder nur den Header?
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    Einen Link habe ich nicht, da ich lokal arbeite.

    Ich habe im Styleedit nur die Headerhöhe hochgesetzt. Ach so, das Logo habe ich deaktiviert, hat aber so wie ich sehe keinen Einfluss auf mein Problem.
     
  5. Alexander P.

    Alexander P. Aktives Mitglied

    Registriert seit:
    25. August 2011
    Beiträge:
    32
    Danke erhalten:
    13
    Danke vergeben:
    12
    Wenn du zum Beispiel das Logo, Suchfeld oder Sekundärnavigation um 10px erhöhst, musst du auch den Header um 10 px erhöhen. Das gilt auch für die Kategorien.

    Wenn du nur die Höhe des Headers änderst, passt sich nur die Gesamthöhe an. Du musst parallel auch die Kategoriehöhe oder Logohöhe ändern.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    Alexander, damit ändere ich aber nur die Höhe, nicht den Abstand, so wie ich das eben ausprobiert habe.

    Ich hab mal ein Bild beigefügt. Ich will also die grau gerahmte Kategorie nach unten haben.
     

    Anhänge:

  7. Alexander P.

    Alexander P. Aktives Mitglied

    Registriert seit:
    25. August 2011
    Beiträge:
    32
    Danke erhalten:
    13
    Danke vergeben:
    12
    Welchen Header verwendest du?
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
  9. Alexander P.

    Alexander P. Aktives Mitglied

    Registriert seit:
    25. August 2011
    Beiträge:
    32
    Danke erhalten:
    13
    Danke vergeben:
    12
    Was willst du eigentlich am Header geändert Haben? Das Logo hast du ja entfernt. Was hast du bisher am Header und den Kategorien verändert?
     
  10. Alexander P.

    Alexander P. Aktives Mitglied

    Registriert seit:
    25. August 2011
    Beiträge:
    32
    Danke erhalten:
    13
    Danke vergeben:
    12
    Meinst du den Abstand zwischen der Suche und dem Warenkorb?
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    Nein, den Abstand von Testkategorie nach unten. Die Testkategorie soll also nach unten geschoben werden.
     
  12. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.611
    Ich habe Dir gerade in dem anderen Beitrag einen Link gegeben, zur Anleitung des Headers.
     
  13. Alexander P.

    Alexander P. Aktives Mitglied

    Registriert seit:
    25. August 2011
    Beiträge:
    32
    Danke erhalten:
    13
    Danke vergeben:
    12
    Ich habe es gerade im Testshop nachgestellt.

    Wenn ich den Header um 100px erhöhe sieht es aus wie bei dir.

    Wenn ich dann unter Logo ebenfalls um 100 px erhöhe sind die Kategorien wieder sauber am unteren Rand.

    Bei der Suche kannst du auch um 100 px erhöhen, musst aber noch den vertikaler Abstand um 50px erhöhen.

    Dann sollte es passen, wie im Testshop.
     
  14. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    Danke Barbara, hatte es schon gestern durchgelesen, habe aber nichts erkannt, was mich weiterbringt.

    Gehe aber jetzt nochmal dran, lese noch mal durch..
     
  15. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    Alexander - danke erstmal für Deine Antworten und Dein Engagement.

    Lese mir nochmal die Anleitung vom header durch.

    Bei einer Lösung werde ich diese hier mitteilen.
     
  16. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    Nochmal, ganz kurz.

    Ich hatte oben geschrieben:
    Das Problem ist wohl in der Tat, dass laut Beschreibung sich der Abstand der Navigation von oben an der Höhe des im Header höchsten Elements orientiert. Ist halt nur so, dass ich den frei gestaltbaren Bereich ausblenden möchte, und dieser sozusagen als Abstandhalter nicht mehr verwendbar ist.

    Bleibe aber an diesem Thema dran.
     
  17. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    18. August 2021
    Beiträge:
    650
    Danke erhalten:
    87
    Danke vergeben:
    266
    #17 Anonymous, 3. Oktober 2021
    Zuletzt bearbeitet: 3. Oktober 2021
    Habs gelöst, so wie Alexander P. und Barabara beschrieben.

    Letztlich muss man sich nur klar machen, wofür welche Höhen sind. Zum Beispiel hatte ich auch schon hier im Forum gelesen, und ich hatte das ja auch, dass zwischen Header und Kategorieleiste ein Abstand ist, wo man beim Scrollen dann die Artikel las kleinen Schlitz beim Scrollen wahrnimmt.

    Ich hab es so gemacht, dass mein header so hoch wird, dass er an der Unterkante Kategorieleiste abschließt. Dann gibt keinen durchsichtigen Zwischenraum.

    Der Abstand der Kategorieleiste, bzw. die horizontale Position im header wird über die Höhe des höchsten Elements im Header bestimmt. Das sind der Suchen-Container, der frei gestaltbare Bereich, oder der Warenkorb-Container.

    Auf die Kategorieleiste z.Bsp. mit rechter Maustaste klicken, auf Untersuchen gehen, dann die drei Elemente nacheinander anklicken/rechte Maustaste, dann sieht man entweder die Höhen als margin oder padding. Wenn man diese ändert, also vom höchsten Element, welches an die Kategorieleiste andockt, sieht man auch wie sich der Abstand der Kategorieleiste ändert.

    Vielleicht im eigenen style nur mit padding-bottom arbeiten, wenn die obere Höhe stimmt. Änderungen im Styleedit beinhalten beide Höhen gleichzeitig.