Kategorieleiste: Kategorien zentrieren

Thema wurde von TLM, 29. Juni 2022 erstellt.

  1. TLM

    TLM Mitglied

    Registriert seit:
    15. Oktober 2020
    Beiträge:
    14
    Danke erhalten:
    2
    Danke vergeben:
    1
    Hallo,
    habe heute endlich das Update auf 4.5.3.1 gemacht.
    Im neuen Honeygrid Template kann man doch viele tolle Einstellungen machen.
    Bei der Kategorieleiste hab ich aber ein kleines Problem:
    Da wir viele Hauptkategorien haben, möchte ich die Leiste nicht wrappen.
    Es sind aber dann alle Kategorien links angeschlagen.
    Ich hätte sie aber gerne zentriert.
    Bin ich blind und finde diese Einstellung nicht, oder geht das gar nicht.
    www.tradelinemachinery.com

    danke für die Hilfe
    LG
     

    Anhänge:

  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das ist kein Template mehr, sondern ein Theme. Wenn du von Template schreibst, wird jeder von der alten Version ausgehen, dann kommen falsche Hilfestellungen.

    Es gibt 2 Einstellungen:
    Kategorieleiste wrappen
    Zentriert die Leiste für die Kategorien und macht sie dadurch schmaler

    Kategorien wrappen
    Zentriert die Menüpunkte der Kategorien, ohne die Leiste schmaler werden zu lassen.

    Also erste aus und zweite an sollte das gewünschte Ergebnis bringen.
     
  3. TLM

    TLM Mitglied

    Registriert seit:
    15. Oktober 2020
    Beiträge:
    14
    Danke erhalten:
    2
    Danke vergeben:
    1
    #3 TLM, 29. Juni 2022
    Zuletzt bearbeitet: 29. Juni 2022
    *EDIT*:
    Hat sich erledigt... habs schon gefunden...

    Und wie kann ich die ganze Website etwas breiter gestalten?
    damit es auf größeren Monitoren nicht so eng wirkt?
    Header und Footer nicht zu wrappen, das ist mir klar..
    aber alles dazwischen quasi... Danke
     
  4. TLM

    TLM Mitglied

    Registriert seit:
    15. Oktober 2020
    Beiträge:
    14
    Danke erhalten:
    2
    Danke vergeben:
    1
    BESTEN DANK!!! Das wars!!!
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    das ist der Wert "Maximale Breite"
    Vorsicht, damit kann man sich die Optik des Shops auch gut zerschießen.
    Erstelle Dir am Besten eine Kopie des originalen Themes, falls noch nicht geschehen. Dann kannst Du immer eine neue Kopie erstellen und hast die originalen Einstellungen zurück. Oder Du kannst das Original zum Bearbeiten öffnen um die ursprünglichen Einstellungen zu sehen (um z.B. einen Fehler in der Kopie zu beheben).
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    354
    Danke erhalten:
    148
    Danke vergeben:
    124
    #6 Anonymous, 29. Juni 2022
    Zuletzt bearbeitet: 29. Juni 2022
    @TLM

    Ich habe im SE4 > Allgemein > Layout > Maximale Breite: 1400px
    Das passt dann aber trotzdem vorne und hinten nicht.
    Wenn ich das auf z.B. 1800px geändert habe, hat das den Shop kaputt gemacht.

    Der folgende CSS Code hat mir geholfen

    Code:
    @media (min-width: 900px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 870px;
    }
    }
    
    @media (min-width: 1000px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 971px;
    }
    }
    
    @media (min-width: 1100px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1070px;
    }
    }
    
    @media (min-width: 1200px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1160px;
    }
    }
    
    @media (min-width: 1300px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1250px;
    }
    }
    
    @media (min-width: 1400px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1350px;
    }
    }
    
    @media (min-width: 1500px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1450px;
    }
    }
    
    @media (min-width: 1600px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1530px;
    }
    }
    
    @media (min-width: 1700px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1630px;
    }
    }
    
    @media (min-width: 1800px) {
    .container, table.box-error, table.box-warning, body #wrapper, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer > .footer-header, body.page-product-info #wrapper #breadcrumb_navi {
      width: 1730px;
    }
    }
     
  7. DKG - Die Kleine Geschenkidee (Peter)

    Registriert seit:
    2. Oktober 2017
    Beiträge:
    304
    Danke erhalten:
    159
    Danke vergeben:
    101
    @TLM

    Mal eine kleine Sache am Rande:
    Dein Mega-Dropdown sieht durch die Tatsache das du eine riesige Schriftgröße verwendest,
    gruselig aus (die Untermenüs). Einige Elemente sind in einer Zeile, einige benötigen 2 Zeilen.
    Das kommt unruhig, ungeordnet beim Besucher an.

    An Deiner Stelle würde ich die Schriftgröße verkleinern und die Spaltenbreite anpassen.

    LG
    Peter