Responsive 2 column menu

  • peacefulwarri0r

    (@peacefulwarri0r)


    vor 10 Jahren, 2 Monaten

    Hallo,

    ich habe ein fertiges Layout, mit einem Responsive Menu Icon.
    Leider habe ich festgestellt das bei bestimmter Auflösung das Menü zu lang ist und auf Grund der Stickiness des Headers der Anwender keine Möglichkeit hat alle Menüpunkte anzuklicken.

    Im Prinzip suche ich nach einer Möglichkeit das Menü auf zwei Spalten aufzuteilen.

    http://goo.gl/uUWBfW

    Könnt ihr mir etwas empfehlen?

    Danke!

Ansicht von 1 Antwort (von insgesamt 1)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 2 Monaten

    Auch wenn Du vermutlich eine andere Antwort erwartest – ich würde mir erstmal Gedanken über die Gliederung deiner Inhalte machen. Im Moment ist die Navigation eine muntere Ansammlung scheinbar unzusammenhängender Begriffe. Betten, Betten, Betten, Schränke und Möbel, Fundgrube, Andere Produkte (???) – das lädt nicht gerade zum Stöbern ein und mit einer klareren Struktur (und Unterseiten) wäre auch gleich die Navigation aufgeräumter.

    Unterseiten könnten dann, um das Menü knapp zu halten, z.B. nur für aktive Seiten eingeblendet werden.

    Ansonsten hilft ein bisschen CSS. 

    .nav-menu {
  min-width: 400px;
  overflow: hidden;
}

.nav-menu li {
  float: left;
  width: 45%; /*wenn's partout zweispaltig sein soll*/
}

    Ein paar interessante Anregungen zu komplexeren Menüs gibt es hier.

Ansicht von 1 Antwort (von insgesamt 1)

Das Thema „Responsive 2 column menu“ ist für neue Antworten geschlossen.