[gelöst] Menüs für Responsive Webdesign adaptieren
Eingetragen von bea123 (17)am 06.12.2013 - 10:42 Uhr in
Hallo zusammen,
ich beschäftige mich erst neu mit Drupal und habe folgendes Problem:
Ich habe ein Hauptmenü, bei welchem einige Menüpunkte Unterpunkte haben.
Beispiel:
Menüpunkt 1
Menüpunkt 2
SubMenüpunkt 2.1
SubMenüpunkt 2.2
Menüpunkt 3
Für die Desktop Anzeige gebe ich in der page.tpl.php
das Hauptmenü und dann separat über
die Untermenüpunkte aus - je nachdem ob ein Submenü besteht. Das funktioniert für Desktops prima.
Für Mobile Devices sind nun diese beiden separaten Menüs ungünstig in der Darstellung und ich möchte diese gern in ein Menü zusammenfassen und in EINER Dropdown-Liste darstellen. Die Menüs einzeln kann ich darstellen, nur leider nicht zusammen in einer Liste.
Gibt es eine Möglichkeit, die Menüs zusammengefasst darzustellen (wie eine Baumstruktur)? Mit Modulen umsetzbar? Oder besser: CSS? Oder neues Menü in Drupal erstellen und mit display ein/ausschalten?
Vielen Dank für Eure Hilfe!
Grüße,
Bea
- Anmelden oder Registrieren um Kommentare zu schreiben
Navigation
am 06.12.2013 - 11:38 Uhr
Hi Bea!
Ich bin mir unsicher ob ich deine Frage richtig verstanden habe.
Es gibt natürlich die Möglichkeit über Javascript oder CSS, Bereiche deiner Webseite aus, bzw. einzublenden.
Wenn du ein normales Drop-Down-Menü erzeugen willst, dann schau dir mal meine Lösung auf www.energeticum.de an.
Dort habe ich ein einfaches Menü erstellt, den Menü-Block einer Position zugewiesen und dann einfach mit CSS und Javascript eine Dropdown-Lösung für Desktop und Mobilephones erstellt.
Ich verwende diese Lösung auf jeder Webseite die mit einem Drop-Down-Menü ausgestattet werden soll.
Ich hoffe ich konnte dir weiterhelfen.
Also zwei Menüs für mobile
am 06.12.2013 - 11:47 Uhr
Also zwei Menüs für mobile Devices zusammenzufassen kann ich mir nicht vorstellen, wie das funktionieren sollte. Es gibt aber ein cooles Modul, das Dir wahrscheinlich weiterhelfen wird: https://drupal.org/project/responsive_menus
Habe das Modul responsive
am 10.12.2013 - 09:28 Uhr
@trebax: genau so ein Menü habe ich gesucht :) DANKE!
@glycit: Habe das Modul responsive menus probiert und es klappt super. Über browsecap block kann ich noch super einstellen, das das zusammengefasste Menü nur für mobile Geräte angezeigt wird. Besten Dank!! :)
Vielen Dank für Eure Ideen & Hilfe!