Die Website, an der ich arbeite, verwendet das modifizierte WordPress TwentyTwelve-Theme. Das Standard-Dropdown-Menü dieses Themas wurde geändert, um den Inhalt nach unten zu verschieben, wenn das Untermenü geöffnet wird:
Problem: Ich möchte die Untermenüs ordentlich über die gesamte Breite des Inhaltsbereichs (960 Pixel breit) anordnen, anstatt sie untereinander herunterfallen zu lassen. Wenn die Anzahl der Untermenüpunkte groß ist, möchte ich, dass sich das Untermenü über mehrere Zeilen erstreckt, aber die Punkte in ordentlichen vertikalen Reihen angeordnet sind.
Hier ist, wie ich es sehe. Derzeit sind Ihre Untermenüs auf das übergeordnete Menü beschränkt. Um das zu erreichen, was Sie wollen, müssten Sie meines Erachtens einiges umstrukturieren. Ich würde Ihre Untermenüs getrennt halten und sie direkt unter Ihrem Hauptmenü platzieren. Sie können Ihre Untermenüelemente so codieren, dass sie die Breite von 960 Pixel einnehmen (von Hand weiß ich, obwohl Sie WordPress verwenden), und bei Bedarf das längere Untermenü in zwei Zeilen festlegen. Geben Sie jedem Untermenü eine eindeutige ID und setzen Sie sie auf display:none in CSS. Ihre Hauptmenüs haben bereits eindeutige Kennungen, sodass Sie CSS-Regeln für die spezifischen Listen erstellen können. Etwas wie das:
#menu-item-58:hover + #submenu1 {display:block;}
#submenu1 {display:none;}
#submenu1:hover{display:block;} //so submenu doesn't disappear when mouse hovers over.
Hier ist ein Beispiel, wo Sie in Aktion sehen können, ich habe div’s verwendet, aber Sie können es entsprechend ändern: http://jsfiddle.net/H3WB6/
.
