Kleine Dreieck hinter Menüeintrag

Hallo Leute, ich würde gern erkenntlich machen, dass ein bestimmter Menüeintrag noch weitere Einträge enthält. Dazu hätte ich gern ein Dreieck oder ähnliches, welches die Submenüs kennzeichet. Bisher bin ich da nicht weitergekommen, mein altes Template hat zwar diese Dreiecke, aber ich finde nicht heraus wie diese angelegt wurden.

Template Alt | Template Neu

Vielen dank für eure Tipps. LG

Sorry aber ich finde die richtige Klasse nicht.

So funktioniert es nicht

.drop-down li li:after-child > a, .drop-down li li:after-child > span {

content: url(http://www.mozilla.org/favicon.ico);
}

Und so wirds mir hinter jedem Eintrag angezeigt

.drop-down li li:after {
content: url(http://www.mozilla.org/favicon.ico)
}

LG

EDIT:

Ich habe es jetzt so einigermaßen hinbekommen, zumindest sind die Pfeile an den richtigen Einträgen.

.drop-down li li:first-child > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}

Muss mich noch mal melden, die Pfeile sind doch nicht an den richtigen Stellen, aber ich finde den Fehler einfach nicht. Hat noch jemand eine Idee?

LG und Danke

Hey, eigentlich nur an den Menüpunkte, die noch ein Untermenü haben. Also zum Beispiel "Luftschutzstollen Stuttgart". LG und Danke

Hallo Anka, so klappt es wunderbar. Habe jetzt nur noch die Menüspalte etwas vergrößert und mehr Abstand nach links gegeben. Vielen Dank für deine/eure Hilfe

LG René

Hallo, ich muss den Beitrag noch einmal aktivieren. Ich habe gerade festgestellt, dass die Anzeige des Menüs am Smartphone nicht mehr passt. Normal war das Menü am Handy offen, also alle Einträge wurden angezeigt.

Nun werden nur noch die obere Ebene angezeigt. Tippe ich auf einen Eintrag der oberen Ebene, wird mir die nächste nur kurz und verschoben Angezeigt.

Im Modul steht Untermenüeinträge anzeigen auf "Ja" Auch soll die Erste und Letzte Ebene angezeigt werden.Erst dachte ich es liegt an der Änderung, also habe ich diese aus der custom.css gelöscht. Aber keine Änderung, scheinbar liegt es nicht an der Änderung.

Zur Seite...

Können wir da bitte bei Gelegenheit noch einmal schauen? LG und Danke

Hallo und Guten Morgen,

ich habe jetzt mal in meiner custom.css Stück für Stück die Einträge gelöscht die mit dem Menü in Zusammenhang stehen. So konnte ich den Fehler eingrenzen. Ich hatte dies der custom.css hinzugefügt und wollte damit erreichen, dass das Menü etwas breiter ist(240px) und die Dreiecke sauberer hinter den Einträgen angezeigt werden. Scheinbar muss ich da was falsch gemacht haben.

So hatte ich die bestehende Klasse angepasst.

.drop-down li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 0;
opacity: 0;
width: 240px;
border-radius: 0 0 8px 8px;
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.10), rgba(0,0,0,0.08));
font-size: 98%;
}

Beheben wollte ich das Problem...

LG René