Responsive auf iPad aber ohne Hamburger button
Autor: Tanja Drissler
Besucht 2504,
Followers 1,
Geteilt 0
Hallo, wenn ich die Seitenbreite zB auf 1000 Pix stelle dann schaltet die Site beim ipad unter responsive immer auf den Hamburger Button und mein Menü verschwindet. Ebenso der Footer (der Footer im Mobilmodus hat leider keinen guten Editor). ich möchte aber, dass erst unterhalb von 480 Pix umgeschaltet wird und so mein Menü und auch mein Footer auf dem iPad wie in der Ansicht Desktop komplett angezeigt werden. Wo kann ich das einstellen?
Gepostet am
Ich verstehe zwar was du willst, aber das ist (derzeit) nicht möglich !
Ich weis nicht was für ein Ipad du hast aber "hochstehend" müsstest du die Seite unter 768px machen, dass es nicht umbricht !
MAn kann zwar die Ansichten löschen aber die Desktop und die Smartphone Einstellungen kann man nicht löschen und beeinflussen. (außer die Desktop durch die Headerbreite)
Autor
Das habe ich schon befürchtet dass man das nicht beeinflussen kann, ist leider ne echte Schwachstelle. Ich behaupte mal die Hälfte der Nutzer kennen den Hamburger Button nicht und suchen dann die Navi.
Ich habe gestern mal rumgespielt: Ansichten alle löschen, nur Desktop und iPhone lassen (sind ja eh fix) dafür aber den Umschaltpunkt auf 1920 setzen, d.h. alles unter 1920 ist dann schon iPhone resonsive. So hat man ein echtes responsive, bei dem alles (auch Bilder) 1:1 auf die jeweilige Bildschirmgröße zusammen gezogen wird. Leider muss man dann natürlich ein eigenes Menü per Hand schreiben und man kann immer nur mit einer Spalte arbeiten, da 2 Spalten nebeneinander dann automatisch untereinanderangezeigt würden. alternativ mit Tabelle arbeiten, aber die ist dann nicht responsive und zieht sich nicht auf kleiner Auflösung zusammen.
wer Interesse hat, hier mein erstes " rumprobieren": http://25net.de/ocp
Ein großer Vorteil ist hier dass ich auch Slideshows über die ganze Breite ziehen kann und nicht nur ein fixiertes Bild ;-) Mit etwas Hingabe kann man so sicher beeindruckende Sites machen
Das mit dem Hamburger Menübutton kann ich bestätigen, ich wußte auch ersteinmal nicht,wo das Menü ist und das wird sicher etlichen Besuchern auch so gehen...
Folgende Lösung hab ich gemacht:
In der Struktur für Mobilgeräte kann man im Punkt Menü eine Grafik und ein Firmenlogo einfügen. Das habe ich genutzt, um auf die Startseite und das Hamburger Menü hinzuweisen.
Beim Firmenlogo ist nun eine Grafik mit dem Wort START und in der Menügrafik sind 2x das Wort MENÜ und jeweils ein Pfeil dazu eingefügt .
Die mobile Ansicht sieht nun bei mir ungefähr so aus:
START| MENÜ> MENÜ>
So ist bei den Umbrüchen dann direkt vor dem Hamburger Menü jeweils das Wort MENÜ und ein Pfeil und diese weisen den Besucher nun direkt auf den Menübutton hin.
Und der START Button führt den Besucher zur Homeseite.
Hallo Tanja,
sieht gut aus jedoch bei meinem Monitor mit FullHD ist das Desktopmenü zusätzlich zu deinem Mobilenmenü sichtbar. Leider kann man den Umschaltpunkt nicht höher als 1920 setzen - so würde man das Desktopmenü überhaupt nicht sehen.
Autor
@sven, , aber das ist nicht besonders professionell. Das ist wie den Leuten sagen achtung Kaffe ist heiß.
@Martin: Guter Einwand, ich sehe Du beschäftigst Dich mit dem Thema ;-) Muss man im Desktop das Menü auf 0 setzen, ich hoffe das geht, oder munindest auf Minipixmax und dann weisses Menü auf weissen Grund, das geht, hab ich schon früher mal ausprobiert;-)
@ Entwickler: da müsst Ihr schnell was machen, responsive geht stark in die Richtung volle Slideshows mit Wechelbilder über die ganze Breite bei jeder Auflösung und das in diversen Zeilen auf eInter Site und nicht nur mit einem festen Hintergrundbild, grrrr. Ist doch kein CMS sondern nen exe ala NOF also kommt in die Puschen ;-)
Hi Tanja,
Menühöhe auf 0 px bringt nichts, dass Menü wird dennoch dargestellt. Wenn man die Menüfarbe der Hintergrundfarbe anpasst wird auch das Icon des Hamburgermenüs in dieser Hintergrundfarbe dargestellt (also nicht zu sehen).
Das keine Slideshows in voller Bildschirmbreite möglich sind ärgert mich auch. Hier werden die tolle Möglichkeiten des responsiven Designs verschenkt.
Hallo Tanja,
wir hat das Thema keine Ruhe gelassen und selber rumprobiert.
Ich habe das normale Menü soweit wie möglich verkleinert und der Hintergrundfarbe angeglichen. Jetzt ist zwar der Hamburger-Icon nicht mehr sichtbar aber dafür die extra Menüleiste. Da in der Mobilen-Ansicht keineBilder nebeneinander möglich sind, habe ich diese in ein Textfeld eingefügt. Ist zwar noch nicht perfekt, aber mit noch mehr Ideen geht noch was.
Allerdings wäre es sicherlich leichter und einfacher, wenn WebsiteX5 sowas auch Standardmäßig dabei hätte.
Autor
Hi Martin,
hier schreibt übrigens immer Ruben, der Mann von Tanja ;-)
Wie Du unter http://25net.de/ocp sehen kannst habe ich auch weiter probiert, man muss einfach nur in Dr Sitemap alle Menüpunkte auf nicht sichtbar in der naiv machen. So sieht das ja nun schon alles ganz nett aus, aber wehe Du machst das iPad hochkant, gleich wieder Probleme mit der Menüansicht. Müsste man also extra Versionen für iPad und noch mal für Handy machen. Das ist nicht responsive. X5 arbeitet einfach mit nem statsicchen Template das bei diversen Umschaltpunkten auf ein andere Auflösung schaltet. Wie soll ich denn da jemals gescheite Unterseiten machen, wenn ich nur eine Spalte zur Verfügung habe :-(
Wieso kann man nicht die Umschaltpunkte für Destop individuell beeinflussen. Und wieso kann man zB im Header und im Footer über den Hintergrund in voller Breite zwar Bilder ablegen aber keine Slieshow, dann wäre das doch schon viel besser? So richtig durchdacht ist das hier nicht... :-(
Hi Ruben,
ja diese Kritikpunkte habe ich auch schon bemerkt und hier im Forum geschrieben. Das ist auch der Grund, warum ich noch keine Vollversion gekauft habe :-(
Mache bei der bei Struktur der Hauptvorlage und der Mobilvorlage die Header jeweils auf auf 0px. Unter "Hauptmenü" die Textgröße und Längen und Breiten der Buttons so klein wie möglich. Dann verpass ihnen die gleiche Farbe wie der Hintergrund. So hast du zumindest bei der Desktopansicht keinen großen Abstand von deinem neuen Menü zum oberen Seitenrand. Wie schon geschrieben, dass Icon für das Hamburger-Menü ist dann zwar weg, aber man hat ja das neue Menü zur Navigation zur Verfügung.
Anbei zwei Screenshots wo man das kleine Standard-Menü und das Hamburger-Menü erkennen kann, da der Hintergrund eine andere Farbe hat.
Hallo,
ich habe eine andere Lösung gefunden und einfach eine zusätzliche Menüseite erstellt, die man von jeder Seite aufrufen kann. Nur so eine Idee (homola-wittichenau.de).
PS: Evolution 12