Header zentrieren?

Thema wurde von mrbluesman, 10. Mai 2018 erstellt.

  1. mrbluesman
    mrbluesman Erfahrener Benutzer
    Registriert seit:
    28. August 2015
    Beiträge:
    102
    Danke erhalten:
    2
    Danke vergeben:
    21
    Hallo,

    ich kämpfe gerade mit der Umstellung auf das Honeygrid.
    Das Logo habe ich inzwischen dank des Forums zentriert gestellt.
    Aber es gelingt mir nicht bei der Suche und dem Warenkorb.
    Diese sind beide linksbündig - was mache ich falsch?

    upload_2018-5-10_14-9-48.png
     
  2. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Erstmal stimmt die Spaltenzahl ziemlich sicher nicht. Eine Breite ist immer 12 Spalten, dein Logo oben wird für die Desktopansicht 12 haben. Die folgenden Elemente rutschen dann in eine neue Zeile. Geschätzt haben da die Suche so 5 und der Warenkorb 3. Vielleicht ist dazwischen auch der leere freie Content mit 1-2 Spalten. Wenn du jden beiden in der zweiten Zeile sichtbaren je 6 geben würdest für eine 50:50 Aufteilung, oder 9 und 3 für 75:25 Aufteilung, kämst du der Sache sicher näher.
     
  3. mrbluesman
    mrbluesman Erfahrener Benutzer
    Registriert seit:
    28. August 2015
    Beiträge:
    102
    Danke erhalten:
    2
    Danke vergeben:
    21
    4 und 4 war eingestellt.
    Mit 6 und 6 sieht es jetzt so aus:
    upload_2018-5-10_16-55-55.png

    Der freie Content ist ausgeblendet.

    Eigentlich hätte ich gerne beide Felder auf die Breite vom Logo begrenzt, d.h. die Suche mehr nach rechts eingerückt und den Warenkorb mehr nach links.
    Aber zum Umstellen der Software ist es erstmal ok.
    Merci!
     
  4. mrbluesman
    mrbluesman Erfahrener Benutzer
    Registriert seit:
    28. August 2015
    Beiträge:
    102
    Danke erhalten:
    2
    Danke vergeben:
    21
    #4 mrbluesman, 15. Mai 2018
    Zuletzt bearbeitet: 15. Mai 2018
    Noch eine Frage:
    Lässt sich die Leiste über dem Logo (Sprachauswahl, Kundenlogin, Merkzettel) zentrieren?
    (die Sekundärnavigation, glaube ich)

    upload_2018-5-15_22-57-38.png
     
  5. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Das könnte so klappen:

    Code:
    #topbar-container .navbar-topbar {
        margin-right: 0px;
        display: table;
        margin: 0 auto;
    }
     
  6. mrbluesman
    mrbluesman Erfahrener Benutzer
    Registriert seit:
    28. August 2015
    Beiträge:
    102
    Danke erhalten:
    2
    Danke vergeben:
    21
    Ja, das klappt. Vielen Dank!