Umgestaltung eines Menüs für mobile Nutzung
Verfasst: So 27. Nov 2016, 09:57
Ich würde gerne ein bestehendes Menü für die mobile Nutzung umgestalten, komme dabei aber nicht zurecht. Ich habe das bisher über die Erstellung von 2 unabhängigen Menüs gelöst (je nach Bildschirmgröße wird eins eingeblendet), aber diese Lösung gefällt mir nicht, sowohl technisch als auch optisch.
Das Menü, so wie es bei mir auf der (bisher noch unveröffentlichten) Seite zu sehen ist, habe ich kopiert und hier als HTML-Datei hochgeladen. Über den Link dort kann es auch gedownloadet werden, damit man mir einfacher helfen kann, wenn sich denn jemand opfern sollte.
Gestalten würde ich das Menü für die mobile Nutzung gerne wie das auf dieser Website der Fall ist. Also dass bis zu einer gewissen Bildschirmgröße so eine Leiste mit drei Strichen ("Hamburger-Menü") angezeigt wird, auf die man dann klickt und sich das Menü ausrollt (erst die Oberpunkte, und durch Klicken bzw. Tippen dann die Untermenüs). Das Menü auf der verlinkten Seite müsste identisch oder zumindest ähnlich zu dem von mir genutzten sein. Eine Lösung für die nachträgliche mobile Gestaltung meines Dropdown-Menüs ist auch in diesem Blog erklärt, das gefällt mir aber nicht so ganz, weil dort alle Untermenüs sofort zu sehen sind und das Menü dann auf den ersten Blick unübersichtlich und lang ist, anders als beim oben genannten Beispiel.
Nicht wundern, dass das Menü auf der von mir angelgten Testseite beim Verkleinern des Fensters ein bisschen merkwürdig aussieht. Ich habe selbst schon versucht, am Menü ein bisschen zu arbeiten. Eventuell muss dann der Code unter "@media only screen and (max-width: 697px)" nochmal komplett rausgelöscht werden. Das Suchfeld hab ich extra mit reingepackt, da es auf meiner Website ja auch mitintegriert ist – es ist also alles exakt so, wie es auf der späteren Seite auch ist.
Wäre super wenn jemand bei Gelegenheit behilflich sein könnte, das Menü so umzugestalten, wie ich mir das vorstelle.
Das Menü, so wie es bei mir auf der (bisher noch unveröffentlichten) Seite zu sehen ist, habe ich kopiert und hier als HTML-Datei hochgeladen. Über den Link dort kann es auch gedownloadet werden, damit man mir einfacher helfen kann, wenn sich denn jemand opfern sollte.
Gestalten würde ich das Menü für die mobile Nutzung gerne wie das auf dieser Website der Fall ist. Also dass bis zu einer gewissen Bildschirmgröße so eine Leiste mit drei Strichen ("Hamburger-Menü") angezeigt wird, auf die man dann klickt und sich das Menü ausrollt (erst die Oberpunkte, und durch Klicken bzw. Tippen dann die Untermenüs). Das Menü auf der verlinkten Seite müsste identisch oder zumindest ähnlich zu dem von mir genutzten sein. Eine Lösung für die nachträgliche mobile Gestaltung meines Dropdown-Menüs ist auch in diesem Blog erklärt, das gefällt mir aber nicht so ganz, weil dort alle Untermenüs sofort zu sehen sind und das Menü dann auf den ersten Blick unübersichtlich und lang ist, anders als beim oben genannten Beispiel.
Nicht wundern, dass das Menü auf der von mir angelgten Testseite beim Verkleinern des Fensters ein bisschen merkwürdig aussieht. Ich habe selbst schon versucht, am Menü ein bisschen zu arbeiten. Eventuell muss dann der Code unter "@media only screen and (max-width: 697px)" nochmal komplett rausgelöscht werden. Das Suchfeld hab ich extra mit reingepackt, da es auf meiner Website ja auch mitintegriert ist – es ist also alles exakt so, wie es auf der späteren Seite auch ist.
Wäre super wenn jemand bei Gelegenheit behilflich sein könnte, das Menü so umzugestalten, wie ich mir das vorstelle.