Neu Schriftgröße im Megamenü anpassen

Baumteufel

Neues Mitglied
10. August 2021
13
0
Hallo, wir sind hier ganz frisch und haben Shop 5.
Grundsätzlich lässt sich über den OC ja viel machen.

Jedoch benötigen wir Hilfe beim Megamenü. Die Menüpunkte sind viel zu groß, die Abstände würden wir auch gern verringern.
Kann mir hier jemand weiterhelfen?

Besten Dank!
Gruß
Chris
 

Anhänge

  • megamenü.png
    megamenü.png
    24,3 KB · Aufrufe: 32

apalusa

Sehr aktives Mitglied
22. Oktober 2018
160
30
Hallo Chris,

wenn du ein Child-Template verwendest kannst du in deinem Theme in die custom.css folgende Regel einfügen und nach belieben verändern:
Code:
header .submenu-headline-toplevel {
    font-size: 1rem;
}

Das sollte der richtige Selector für die gewünschte Stelle sein. Für die Abstände müsste man nochmal schauen, in diesem selector wird im Standard nur margin-bottom: 1rem; definiert.

EDIT: Das ganze bezieht sich natürlich auf ein NOVA basiertes Child Template
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: Baumteufel

Baumteufel

Neues Mitglied
10. August 2021
13
0
Hallo Chris,

wenn du ein Child-Template verwendest kannst du in deinem Theme in die custom.css folgende Regel einfügen und nach belieben verändern:
Code:
header .submenu-headline-toplevel {
    font-size: 1rem;
}

Das sollte der richtige Selector für die gewünschte Stelle sein. Für die Abstände müsste man nochmal schauen, in diesem selector wird im Standard nur margin-bottom: 1rem; definiert.
Dankeschön !
 

apalusa

Sehr aktives Mitglied
22. Oktober 2018
160
30
Mit folgendem Selector sollte sich auch der Abstand regeln lassen, vorausgesetzt es geht um den horizontalen abstand zwischen den Punkten. Natürlich ebenfalls wieder für ein NOVA basiertes Child template:

Code:
.nav-item.col-xl-3 {
    max-width: 25%;
}

Standardwert ist 25% aber wenn man den verkleinert sollte sich der Abstand zwischen den Unterkategorien entsprechend anpassen. Es ist aber zu empfehlen, dass der Wert den man wählt sich auf 100% aufaddieren lässt da sonst auf der rechten Seite entweder eine Unterkategorie abgeschnitten wird oder es bleibt ein leerer Platz übrig.
 

robert.ottomar

Aktives Mitglied
12. Oktober 2015
12
0
Hallo, danke für die schnelle Reaktion. Hab versucht das vorgeschlagene im Theme Editor umzusätzen. Leider ohne Erfolg.

1641552736758.png

Können die Unterkategorien in der Ansicht über den Theme Editor zentriert werden?
 

apalusa

Sehr aktives Mitglied
22. Oktober 2018
160
30
Hallo, danke für die schnelle Reaktion. Hab versucht das vorgeschlagene im Theme Editor umzusätzen. Leider ohne Erfolg.

Den Anhang 76420 betrachten

Können die Unterkategorien in der Ansicht über den Theme Editor zentriert werden?
Ah, sorry, hab den gewünschten Effekt falsch verstanden. Es sollen also aus dem Screenshot die beiden Unterkategorien nicht links sondern zentriert relativ zur gesamten Seitenbreite angezeigt werden?
Falls ja, ist das vermutlich nur durch Template Anpassung möglich da dieser Bereich in einzelne Felder unterteilt ist und diese Unterkategorien jeweils ein Feld belegen. Dabei werden die Felder von links nach rechts und oben nach unten befüllt.

Man müsste mindestens den Container der Unterkategorien eine eigene CSS Klasse geben mit der man dann die Breite auf 50% des verfügbaren Platzes einstellt, so dass nur noch 2 dieser Felder nebeneinander Platz finden.

Wo genau die Anpassung im Template durchgeführt werden muss kann ich aber leider nicht beantworten, mit diesem Bereich hatte ich bisher nicht zu tun. Nach kurzem Blick sollte es aber vermutlich unter /snippets/categories_mega.tpl in Zeile 50 sein. Wenn ihr da eine neue eigene Klasse hinzufügt, könnt ihr damit dann die Breite überschreiben, ungefähr so:

Code:
.eigene-klasse {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
Allerdings gilt natürlich zu beachten, dass man das mit media Queries entsprechend für verschiedene Bildschirmgrößen anpassen sollte (z.B. für Mobilgerät 100%).