Neu Schriftgröße im Megamenü anpassen

[Baumteufel]

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

 

[apalusa]

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:

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

 

[Baumteufel]

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:

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]

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:

.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]

Hallo, gibt es auch die Möglichkeit die Unterkategorien zentriert darstellen zu lassen?

 

[apalusa]

Hallo, gibt es auch die Möglichkeit die Unterkategorien zentriert darstellen zu lassen?

(Sofern ich den gewollten Effekt richtig verstanden habe) Probier mal folgendes:

ul.nav > .nav-item {
    text-align: center;
}

 

[robert.ottomar]

Hallo, danke für die schnelle Reaktion. Hab versucht das vorgeschlagene im Theme Editor umzusätzen. Leider ohne Erfolg.



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

 

[apalusa]

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:

.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%).