Frage Modifizierung Hambuger menu

**tsunami** · 08.08.2019, 16:40

Hallo zusammen,
ich habe für meine Website das dk_emnu installiert.
Nun bin ich dabei das Ganze mobilfähig zu machen.
Die Seiten selbst passen, nur das Menü ist unlesbar.
Wo und wie kann ich die Schriftgröße der menüelemente einstellen?
Habe gesehen, dass eine Klasse Siblings gibt. Die wird aber nirgendwo verwendet.

mfG
tsunami

**planepix** · 08.08.2019, 18:25

Hallo tsunami,

kannst du einen Link zur Verfügung stellen?
Dann kann man konkret untersuchen und Tipps geben.

**hjo** · 09.08.2019, 22:05

Bei der Erweiterung dk_mmenu hat die ul die Klasse .mm-listview mit font-size: 14px;
Durchs überschreiben bekommt man seine gewünschte Größe.

MfG
Hans-Jürgen

**tsunami** · 12.08.2019, 11:53

Hi,
vielen Dank. Wo, also in welcher Datei, finde ich denn die Eigenschaft "mm-listview"?
Habe die ganze Seite runtergeladen und alle Dateien durchsucht.
(pspad, Suchen ersetzen in Dateien, alle Typen und Unterordner, nicht nur ganzes Wort)

Kein Ergebnis.
testseite.edv-dienstleistungen.com
Gruß
tsunami

**Kahmoon** · 12.08.2019, 11:54

In gar keiner Datei...das überschreibst du mittels deiner eigenen CSS Anweisung.

Am besten findest du raus welche CSS Klasse/Id du ansprechen musst wenn du das Element mit Firebug oder Developer Console "pickst". Dann siehst du genau welches Element du ansprechen willst/musst.

**tsunami** · 13.08.2019, 09:20

Ok, versuchs mal,
nur weil HJO

Bei der Erweiterung dk_mmenu hat die ul die Klasse .mm-listview mit font-size: 14px;

angemerkt hatte.
Dachte, irgendwo müssen die Formatierungen ja definiert sein...
DIe Schriftfarbe, der Hintergrund kommt ja nicht per Zufall.

Und per Firebug, dann müsste ich ja dutzende Klassen definieren (First, active, hoover, Level usw)
Und was machen andere User? Die müssen doch auch irgendwie mobil taugliche Seiten mit Menü haben...
Geht natürlouch, wäre aber doch, als wenn ich nen Segelboot mit Paddeln bewege....

Gruß
tsunami

**Kahmoon** · 13.08.2019, 09:24

Das ist es auch irgendwo, nur sollte man nie im Modul selbst rumbasteln (nicht updatesicher) sondern es mit eigenen Angaben einfach überschreiben.

**tsunami** · 13.08.2019, 09:41

Und das heißt?
WIe bekomme ich denn nun die Schriftart angpasst?

Natürlich kann ich via eigenem css Angaben überschreiben.
Ist das wirklich notwendig?
Weil dann müsste ich ja wirklich alle möglichen classen anpassen

**Kahmoon** · 13.08.2019, 09:44

Alles was du an dem Menü anpassen magst, musst du via CSS "überschreiben". Wenn es die Schrift ist, sollte es eigentlich ausreichen dem obersten Element die gewünschte Formatierung zu verpassen. Wie schon gesagt am besten mit Developer Tools das Element "suchen", das die Formatierung enthalt und nur das entsprechend überschreiben.

Ohne einem Link etc. ist es aber schwierig dir zu helfen.

**Kahmoon** · 13.08.2019, 09:48

Nachtrag: Je nachdem welche Version du von dk_mmenu verwendest sollte das hier gehen.

Code:

.mm-listview {
    font: inherit;
    font-size: 20px;
    color: red;
}

**tsunami** · 13.08.2019, 10:05

Super, vielen Dank!
Dachte ich muss jetzt wirklich
first active hoover usw. anpassen, dann noch level usw!

**Kahmoon** · 13.08.2019, 10:11

Nah! Das ist doch alles vererbt :-)

**tsunami** · 13.08.2019, 10:11

.mm-list wars!

**tsunami** · 13.08.2019, 10:17

PS letzte Frage:
line-height nimmt er nicht.
Weder im mm-list,
noch im li.sibling
Version gerade aktualisiert...

**fusch** · 14.08.2019, 12:52

Hallo tsunami,

die line-height wird hier definiert:

Code:

.mm-list > li > a, .mm-list > li > span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: inherit;
	line-height: 20px;
	display: block;
	padding: 10px 10px 10px 20px;
	margin: 0;
}

Ich würde allerdings raten die line-height nie in absoluten Maßen, sondern immer in relativen anzugeben, also beispielsweise 1.5 (ohne Einheit, dann ist die Zeilenhöhe immer das 1,5-fache Deiner Schriftgröße).

Viele Grüße
Hella

**tsunami** · 15.08.2019, 08:28

Das heißt, ich muss das wie gehabt selbst definieren?
Und noch eine Verständnisfrage: Weshalb reicht es nicht die li-Elemente groß zu machen?
li.sibling
{...
}

**fusch** · 20.08.2019, 13:40

Zitat von tsunami

Das heißt, ich muss das wie gehabt selbst definieren?
Und noch eine Verständnisfrage: Weshalb reicht es nicht die li-Elemente groß zu machen?
li.sibling
{...
}

Weil der klickbare Teil die a-Elemente sind. Daher müssen die groß sein: wenn Personen schlecht sehen, ein Mobilgerät benutzen, zittern und Probleme haben mit der Maus kleine Elemente zu treffen...

Viele Grüße
Hella