Submenu nicht sichtbar

Hi,

ich hab ein großes Problem mit meinem Theme. Ich hatte im vergangenen Herbst eine Grundschulseite in Wordpress erstellt mit dazugehörigem Theme. Mit einigen Problemen und viel Hilfe von euch hat es auch geklappt zu realisieren.
Die Schule steigt nun auf WP4.0 um. Was ich als Grund angesehen habe, den katastrophalen Code von mir vom letzten Jahr nochmal neu zuschreiben. Problem macht mir wieder mal das Submenu.

Die beiden Probleme:

1) Das Submenu wird dauerhaft angezeigt nicht nur wenn der übergeordnete Menüpunkt gehovert wird. Daran scheitere ich gerade das zu lösen. Habt ihr da eine Idee?

2) Das Submenu wird zwar angezeigt, ist aber nicht sichtbar. Egal ob ich dem .submenu li a direkt ne Farbe zuweise, oder über den Menüpunkt gehe, es wird keine Farbe angzeigt. Es ist unsichtbar. Hab ihr da ne Idee wo der Fehler liegt?

Link zur Seite: http://grundschule-ho-as.de/wp/

Danke im Voraus
MfG
Jens

Vielen Dank. Klappt wunderbar. Jetzt kann ich das Problem noch mit dem unsichtbaren Hover beheben und dann dürfte alles soweit klappen.

Ich glaub ich brauch doch nochmal eure Hilfe. Das Grafische Menu treibt mich sonst noch zur Verweiflung.

Problem liegt noch immer im Submenu. Das verschieben des Submenu konnte ich problemlos mithilfe von:

.sub-menu li a {
        background: none!important;
        text-indent: 0 !important; 
        color: #000;
        margin-left: 82px;
        margin-top: -44px;
}

bewerkstelligen. Mein Problem liegt jetzt vielmehr daran, dass unter den einzelnen Stiften, wenn diese gehovert werden, ein leer erstellt wird. Dort befand sich vorher das SubMenu. Ich hatte jedem gehoverten Stift ein margin-bottom mitgegeben, hat aber nicht das gewünschte Ergebnis gebracht.

.menu-mainmenu-container li.menu-item-112 a:hover,
.menu-mainmenu-container li.menu-item-112 a.current_page_item  {
    margin-bottom: XXpx; 
}

Alternativ hatte ich dem Submenu direkt ein margin-bottom zugeteilt. Was im nachhinein kompletter Schwachsinn war. Abschließend hatte ich mittels

.sub-menu li a

den einzelnen Unterpunkten ein Margin mitgegeben. Getestet auch mit Padding.

Bin ich gerade blind und sehe die Lösung einfach nicht? Oder setze ich ganz falsch an?

Problem Nummer zwei sind die verschwindenden Unterpunkte beim Hover. Farben den Unterpunkte zugewiesen wenn sie gehovert werden -> Nicht funktioniert.
Was ich nicht probiert habe wäre folgendes: Jedem Unterpunkt separat den text-indent Wert wegzunehmen. Die Unterpunkte sollte ja noch sichtbar sein beim Hover und eben nicht verschwinden.

Danke für die Hilfe
MfG
Jens

Hätte keiner ne Lösung für das Problem? Bin noch keinen Schritt weitergekommen heute.
Danke

Hi,

das Problem mit den unsichtbaren Unterpunkten beim Hover konnte ich lösen. Ich hab jedem einzelnen Unterpunkt ein text-indent: 0px; mitgegeben. Was mich nun noch stört bzw. zur Verzweiflung treibt ist der Abstand zwischen den einzelnen Stiften. Dieser variert je nachdem ob ein Sub-menu vorhanden ist oder nicht. Wenn eine SubMenu vorhanden ist, so springt der Stift der darunter liegt, ein paar Pixel nach unten. Wechselt man den Stift, so springt der gehoverte Stift in die Ausgangsposition zurück.
Ich hab durch verschiedene Submenu Höhen probiert ob ich das Problem lösen kann => hat leider nichts gebracht. Ein springen war noch immer vorhanden. Es war nur geringer.

Was kann ich dagegen tun?

Danke im Voraus
MfG
Jens