Diese breit laufenden Texte sind nicht gerade schön zu lesen. Ein mehrspalitiges Design, vielleicht mit mehr Weißraum und/oder einem Medienelement (Bild links, Text rechts) würde die Seite vielleicht etwas auflockern und die auch länger machen, womit dein Problem mit der Navigation nicht ganz so ins Auge fällt.
Ansonsten kannst du Anpassungen mit eigenen CSS-Regeln vornehmen, die du im Customizer unter Zusätzliches CSS einträgst:
/* breitere Sub-Navigation verhindert zweilzeilige Menüeinträge */
.main-navigation .sub-menu {
width: 300px;
}
/* geringere Zwischenabstände der Links verkleinert das Submenü */
.main-navigation ul li ul li a {
padding: 5px 10px;
}
Individuelle Änderungen am Stylesheet solltest du eigentlich selber durchführen, das gehört nicht mehr zum Support. Informiere dich deshalb doch bitte mal, wie man die Webentwickler-Tools verwendet, um solche CSS-Änderungen zu planen, z.B. hier https://developer.mozilla.org/de/docs/Tools/Seiten_Inspektor oder hier https://developers.google.com/web/tools/chrome-devtools/css/
Beim Ansehen mit Firefox und Chrome klappt das Untermenü über den grauen Balken des Footers, aber bei „Weitere Sparten ist der letzte Menüpunkt nicht zu lesen.
Lösungsansatz 1: Beim Theme ColorMag kann man im Customizer das Headerbild unter das Menü positionieren, wodurch das Menü dann entsprechend weiter oben ist!?!
Lösungsansatz 2: Das Sub-Menü ist mit 200px Breite definiert – könnte man (über CSS) breiter machen – das spart bei 2-zeiligen Menüpunkten Platz.
Lösungsansatz 3: Die Menü-Einträge haben oben und unten padding: 10px; auch hier könnte man etwas Platz sparen.
Was hat dir an meiner Lösung nicht gefallen? 😉
(Schon klar, hat sich sicher überschnitten.)
Thread-Starter
Thobie
(@thobie)
Moin,
danke erst einmal.
Ich wünsche einen schönen Feierabend.
Grüße aus Hamburg
Thobie
Thread-Starter
Thobie
(@thobie)
Moin,
wie mir scheint, wird die Änderung an der Menüstruktur bei „Weitere Sparten“ nicht übernommen.
Woran liegt’s?
Ich wünsche einen schönen Feierabend.
Grüße aus Hamburg
Thobie
wie mir scheint …
… musst du CSS lernen. 😀
Die CSS-Regeln greifen auch da. Wenn dir die Abstände immer noch zu groß sind, musst du eben z.B.
.main-navigation ul li ul li a {
padding: 2px 10px;
}
verwenden.
Thread-Starter
Thobie
(@thobie)
Moin,
okay, das wird übernommen.
Ich stelle jedoch das folgende fest: Wenn ich einen Menüpunkt aus der Menüleiste wähle, der einem Submenü übergeordnet ist, und dann genau dieses Submenü wähle, wird die Änderung im CSS nicht übernommen und man hat wieder breitere Zeilenabstände.
Ich wünsche einen schönen Feierabend.
Grüße aus Hamburg
Thobie
Nochmal: du solltest dich dringend mit den Entwickler-Tools deines Browsers vertraut machen. Dann findest du auch raus, wie der Selektor für aktivierte Menü-Einträge lautet. Ich hab dir doch zwei Links genannt. Hast du dir das wenigstens angeschaut oder hoffst du darauf, dass jemand anders deine Hausaufgaben macht?
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
padding: 2px 10px;
}
Thread-Starter
Thobie
(@thobie)
Moin,
danke, jetzt klappt alles.
Ich wünsche einen schönen Feierabend.
Grüße aus Hamburg
Thobie
Schön. Dann hättest du ja wenigstens den Thread als „gelöst“ markieren können?
Aber jetzt weißt du ja, wie’s geht.
