Mehrspaltiges Menü

oakmountain · 10. Januar 2018

Hallo,

ich benötige einen Denkanstoss.

Auf dieser Unterseite möchte ich das Menü 3-spaltig anordnen.
Ich möchte also z.B. nach dem 8 Menüpunkt, oder einer gewissen Höhe eine neue Spalte anfangen.

Ich habe momentan keine Idee mit welcher CSS-Anweisung ich dies hinbekomme. Kann mir jemand diesbezüglich einen Denkanstoss geben?

http://stefaniebruhn.oakmountain.de/de/archive

Indigo66 · 10. Januar 2018

Code

#g-header .g-main-nav .g-toplevel {
    border-top: 1px solid rgba(240, 240, 240, 0);
    column-count: 3;
}

column-count ist das Zauberwort. https://developer.mozilla.org/de/docs/Web/CSS/column-count
Der Inhalt wird so gut wie möglich gleichmäßig verteilt. Du hast keinen Einfluss ab welchem LI.

Natürlich musst Du dann entweder die Schrift verkleinern oder #g-header mehr als 400px geben, damit alles rein passt.

oakmountain · 10. Januar 2018

Super. Ich danke Dir.