[Duffy]

Hallo zusammen,

ich bin bei der Suche nach einer Lösung für mein Problem über euer Forum gestoßen und habe mich sofort mal angemeldet

Ich bin eher Anfänger, was CSS angeht; bekomme HTML und CSS rudimentär hin; stoße aber immer wieder an meine Grenzen ... und hoffe, dass ihr mir hier bei der ein oder anderen Frage weiterhelfen könnt:

Auf unserer Seite Kaffee, Snacks, Gastro- und Haushaltsbedarf, Getränke und mehr günstig kaufen haben wir im Megamenü einen Punkt "Themenwelten" hinzugefügt.

Die Untermenüpunkte werden immer umgebrochen, da die Texte recht lang sind.

Ich suche den CSS-Befehl um das Untermenü breiter zu machen, also z.B. "width:400px"

Ich habe folgendes probiert:

.onecolumn h5 {
width: 400px;
}

Dabei werden mir aber alle Untermenüs 400 px breit dargestellt.

Ich habe bereits den Hinweis zu nth-child gefunden, finde aber nicht den korrekten CSS-Befehl um nur das 6te Element breiter zu machen.

Ich hoffe ihr habt verstanden, was ich meine

Bin für jeden Tipp dankbar,
Duffy

[Duffy]

Hallo und guten Morgen,

ich schalte jetzt die Themenwelten erst einmal ab, da dieser Punkt noch nicht fertig ist.

Zur Veranschaulichung meiner Frage als Anhang ein Screenshot; wo ich gelb markiert habe möchte ich das Menü bzw. Element breiter haben.

Vielleicht hat ja wer nen Tipp?

Danke,
Duffy

[cloned]

Du überschreibst dir deine CSS Styles mit inline styles.

/*diesen Selektor gibt es bereits bei dir*/
#evo-main-nav li.onecolumntopcat:nth-child(7)>ul:nth-child(2) {

/*Diese Regel musst du hinzufügen, zur Zeit steht dort width: 500px;*/
min-width: 500px !important;
}

Die 500px natürlich durch einen für dich passenden Wert ersetzen.

[Duffy]

Hallo cloned,

danke für den Tipp;

dann war ich ja schon auf dem richtigen Weg

Nur leider ein !important vergessen ...

Ich habe das jetzt angepasst ... sieht prima aus.

Danke nochmals, Duffy