Abstand zwischen Headergrafik und Kategorieleiste

Thema wurde von DBSG, 9. Januar 2018 erstellt.

  1. DBSG
    DBSG Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Hallo,
    wie kann ich den Abstand zwischen Headergrafik und Kategorieleiste wegbekommen?
    Screenshot-Shop_Kopfleiste-falsch.jpg

    Ich habe alles versucht... aber bekomme das nicht vernünftig weg :-(

    Btw: Gibt es Vorgaben/Empfehlungen für optimale Bildgrößen in Headergrafiken?

    Vielen Dank!
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Willkommen im Forum.

    um Dir da helfen zu können, braucht man einen Link zur Seite.
    Da muss man ins css schauen und das sieht man nciht auf dem Bild.
     
  3. DBSG
    DBSG Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
  4. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Deine Header-Höhe ist im StyleEdit zu hoch eingestellt. Ich tippe mal, dass die Werte für die Höhen der Suche, des Freigestaltbaren Bereichs und des Warenkorbs zu hoch eingestellt sind oder dass da falsche Abstände eingetragen wurden.
     
  5. DBSG
    DBSG Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Torben, vielen Dank!
    An den Höhen-/Abstandseinstellungen für Suche / Freigest.Bereich / Warenkorb scheint es tatsächlich zu liegen. Ich hatte für Suche und Warenkorb den Wert für "Vertikaler äusserer Abstand" auf 4% eingestellt (um für die div. Displaygrößen jeweils optimale Darstellung zu erreichen). Jetzt auf Fixwert 12 Pixel umgestellt. Was auf großem BS zwar gut aussieht... aber eben auch nur da... :-/
    Das Problem ist die Headergrafik (bestehend aus grüner Welle, Grünverlauf + Schriftzug [der graue Bereich ist Füller]), welche aber kundenseitig so gewünscht ist. Wenn ich diese darstellungstechnisch anders einbinden könnte, wäre es schon auch i.O. - aber wie?
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Bei mir in Chrome und auf einem 21" Monitor ist der Header zu weit links. Der Warenkorb ist fast in der Mitte des Bildschirms.
    Das sieht nicht gut aus.
    Schau Dir im SE mal die Höhen-angaben der einzelnen Header-Teile an.

    Code:
    @media (min-width: 768px)
    #search.collapse {
        margin: 4% 0;
    }
    Code:
    #cart-container.navbar-cart {
    margin: 4% 0;
    }
    Code:
    @media (min-width: 768px)
    #header .custom-container {
        height: 100px;
    }
    Wenn ich die 3 Dinge raus nehme, rutscht die Kategorie-Leiste nach oben.

    dann muss das #outer-wrapper noch nach unten und dann sollte es passen
     
  7. DBSG
    DBSG Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Vielen Dank nochmals, Barbara!!
    Nachdem das zwar schon etwas verändert hat, aber dennoch noch nicht optimal war, habe ich das nun anders gelöst, indem ich die "tricky" Headergrafik in der Höhe skaliert und dann in die Sekundärnavigation verschoben habe.
    Meiner Ansicht nach sieht es so nun schön aus:) Oder fällt dir dazu sonst noch was auf/ein?

    Was noch nicht optimal ist: In der Smartphone-Ansicht fehlt diese Headergrafik... gibt es einen Trick, diese auch dort einzublenden? Von der Höhe her ist diese mit 50px ja nicht wirklich im Weg...
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Vielleicht als Logo und nur mobil anzeigen....
     
  9. DBSG
    DBSG Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    hmmm... das Logo kann ich doch aber nur GENERELL aus- oder einblenden, oder?