Wordpress Menü zweispaltig gestalten?

Link zur Seite?
Wie wird das Dropdown Menü erzeugt? Mittels css oder javascript?

 

Pauschal empfehle ich immer das UberMenu. Kostenpflichtig, aber in Sachen "Megamenu" einfach TOP.

Generell musst Du dem UL und dem LI (der jeweiligen Ebene) einen float und eine width verpassen, damit das 2-spaltig wird. In Deinem Fall ein float:left und die Breite kannst Du relativ steuern und auch vererben. Probier es da einfach erstmal mit festen Breiten width:300px - ich weiß nicht, wie der Rest vom CSS ausgelegt ist.

Weiterhin: es wird gerne für jedes Untermenü (also für jede Ebene) die gleiche CSS-Klasse verwendet. So auch bei Deinem Theme. D.h., die Änderungen wirken sich auf alle Ebenen aus. An der Stelle muss Du schauen, ob Du eine entsprechende Klasse nur auf Ebene 2 verankern kannst.

Mit festen Breitenangaben kann man in der Regel nicht wirklich gut arbeiten, weil längere Inhalte sonst über den Container hinaus laufen.

Im Anhang hab ich das mal on-the-fly angepasst. Änderungen wie oben beschrieben, der UL muss immer so breit sein, dass die Anzahl an Spalten hineinpassen. In dem Fall einfach den UL auf 300px gesetzt, die LI auf 149px.

Platz kannst Du nochmal sparen, wenn Du den Platzhalter für die Glyphicons ausblendest (sofern sie nicht genutzt werden sollen).

 

Hilft Dir nix, weil das nur eine Momentaufnahme ist...

http://www.formateins.de/extern/menu_2cols.jpg

 

Hab da im Moment keine Zeit für. Bring einfach den float und die width auf das 2. UL sowie das entsprechende LI. Die Vererbung musste selber umschiffen. Das nav#main-nav li ul li ist im Übrigen die 1. Unterebene...

 

Also habe mir das jetzt mal etwas genauer angesehen:
Dein Dropdownmenu wird (auch) via javascript erzeugt --> anders wären auch die animationen/effekte nicht möglich (ausser eingeschränkt via "transition" in css). Vermutlich beisst sich da javascript mit der veränderten css. Wenn ich im Chrome js deaktiviere zeigt mir dieser allerdings das dropdownmenu auch anders an als FF mit deaktiviertem js. -> ergo, liegts vermutlich an der style.css. Bei einer schnellen Validierung deiner css datei kamen auch eine Menge Warnungen (ist teils normal, da er alle css3 standards als Warnung ausgiebt) die könntest du mal durcharbeiten. Vorher würde ich allerdings das falsche Auskommentieren in der header.php ausbessern (am besten ganz raus -> woanders zwieschenspeicherun -> bei Bedarf wieder einfügen) denn auch das kann zu falschen Darstellungen führen.

Grüsse
Pixselig

 

Wenn Du meinen Beitrag genauer lesen würdest, hättest Du das Problem nicht.

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Weise der 1. Unterebene mal eine feste Breite zu - schon passt das.

Chrome, IE & FF bei mir ohne Probleme. Hab leider nicht mehr Zeit...

PS: Schau mal in die Theme-JS-Dateien. Dort sollte sich irgendwo ein Code finden, der den Menüpunkten diesen span-Tag hinzufügt (Platzhalter für Icons). Wenn Du die nicht verwenden willst, werf sie raus. Müsste irgendwas in der Art sein:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!