Hamburger-Button wird nicht angezeigt bei WSX5 V14!
Autor: Michael H.
Visitado 2856,
Seguidores 1,
Compartilhado 0
Hallo!
Habe das Problem, das mein Menü nicht via Hamburger-Button auf den Mobilgeräten angezeigt wird!
Im Anhang sind Screen-Shots von meinen Einstellungen!
Vielleicht kann mir jemand sagen wo mein Fehler liegt!
Vielen Dank im voraus für eure Hilfe!
Lg Michael
www.fitnessforlife.at
Publicado em
Das liegt mit sicherheit daran, dass dein Handy, aud dem du es ausprobierst eine Auflösung größer als 480px hat. Erst bei einer Größe kleiner als 480px wird das HAmburgermenü angezeigt.
Gruß
MArcus
Hallo Marcus
Ich bin der Meinung, das stimmt nicht!
Du kannst nach jedem Breakpoint bestimmen, ob du das ganze Menü willst oder den Hamburger haben willst.
Hallo Michael
Unter Punkt 2 "Vorlage". Inhalt des Templates kannst du bei jedem Breakpoint das Menü so gestalten wie du möchtest... auch in der Responsive.
Gruss
Cookie
Hallo Michael,
Du musst dein Menü entsprechend der jeweiligen Seitenbreite anpassen (verkleinern).
Dein Menü ist für die Mobilansicht zu breit, daher entsteht auch der Scrollbalken.
Autor
Hallo Cookie, Martin und Marcus!
Danke für eure raschen Antworten!
Habe das Menü auf die jeweilige Seitenbreite angepasst - habe aber noch immer kein Hamburger-Button am Handy!
Und auch noch diesen Scrollbalken - das sieht derzeit furchtbar aus! :-(
Habe meine Änderungen schon hochgeladen, damit ihr seht wie es aussieht!
Ich habe mich an die Vorgaben vom neuen Template "The Artisans Way" angehalten!
Habe die Screen-Shots dazugehängt - so hätte ich es auch gerne die Anzeige, damit es passt?!?!?!
Gruss
Michael
Hallo Michael
Hast du mal ein Link?
Gruss
Cookie
Dein Menüobjekt ist zu hoch und daher werden die einzelnen Buttons untereinander dargestellt. Mache es von der Höhe niedriger.
Du musst wie dein normales Menü auch das Stickymenü entsprechend der Seitenbreite anpassen. Dies hast du nicht gemacht und daher entsteht der Scrollbalken. Weiterhin befindet sich im Footer in der mobilen Ansicht ein Textobjekt außerhalb des sichtbaren Bereichs deiner Homepage.
Autor
Hallo Martin und Cookie!
@Cookie: Link: www.fitnessforlife.at
@Martin: Habe die Höhe vom Menüobjekt geändert - passt jetzt - Hamburger-Button wird angezeigt!
Habe unter 2-Vorlage bei StickyBar die Option "Leiste oben Anzeigen" nicht aktiviert und trotzdem wird diese am Handy angezeigt! Verstehe nicht wieso????? Habt ihr eine Idee woran das liegen kann?????
Habe die Texte in der Fußzeile angepasst - passt jetzt!
Danke Martin und Cookie für eure Hilfe!
Gruss
Michael
Du solltest in deiner Rubrik “Über mich“ die Textobjekte über die komplette Seitenbreite legen. Da diese in der mobilen Ansicht sehr schmal ausfallen.
Hast du das Stickymenü wirklich deaktiviert?
Autor
@StickyBar: Sorry, war nur in der Desktop Ansicht deaktiviert, aber nicht in den anderen Ansichten! Mein Fehler - passt jetzt!
@Über mich: Kann es nicht über die ganze Seitenbreite legen, da ich ein Bild auf der rechten Seite habe - siehe Anhang - Spalte 5! Habe es jetzt um ein Feld größer gemacht das Textobjekt!
Dafür ist jetzt mein Button weg, damit man jederzeit wieder ganz nach oben kommt und man kann die Seite links raus schieben, wenn man das Handy hochkant hält! :-(
Langsam kommt Verzweiflung auf!
DEr Abstand mit den Schiebebalken kommt weil du den Footer nicht in den niedrigeren Breakpoints bearbeitet hast. Dort sind die OBjekte sicherlich noch durcheinander und müssen in den sichtbaren Bereich gezogen werden. Das Programm weis ja nicht wo genau du es haben willst oder nicht.
Autor
Hallo Andreas!
Das mit den Objekten hat mir der Martin H. auch schon geschrieben und hab ich auch gleich geändert - siehe Anhang!
Hab die Objekte jetzt noch einmal etwas kleiner gemacht! Die komplette Website nochmal auf meinen Server gespielt, aber mit dem selben Ergebniss! Ich habe auf meinem Handy noch immer den Schiebebalken und keinen Button um zurück nach ganz oben zu kommen!
Was könnte ich noch überprüfen?
Der Schiebebalken wird schon in einer größeren Auflösung dargestellt.
Schau mal im Footer in den anderen Breakpoints - hier muss ein Objekt außerhalb des sichtbaren Bereichs liegen
Bin zur Zeit in Augsburg und nur auf dem Handy...
Welche breakpoints hast du? Sieht komisch aus auf Handy quer..
Dienstag bin ich wieder in Gunzenhausen wo mein Laptop zur Zeit wohnt und dann lade ich mal deine zip Datei ab
Gruß
Cookie
Autor
@ Martin H.: Habe mir meine Website gerade auf einem Tablet angeschaut - da habe ich keinen Schiebebalken und den Button für zurück zum Seitenanfang ist auch da! Dafür werden alle meine Parallaxen-Effekte nicht angezeigt!
Habe nochmal unter 2-Vorlagen "Inhalt des Templates" die Header und Fußzeilen in allen Breakpoints kontrolliert und kein Objekt befindet sich außerhalb des sichtbaren Bereichs!
@Cookie G.: Danke auch dir für deine Hilfe! Meine Breakpoints: 1200px - 720px - 480px
Kann es sein das ich andere Breakpointswerte einstellen muss?
Danke für eure Unterstützung zum Lösen des Problems!
Der Balken wird ab ca. 950px Fensterbreite dargestellt.
Schau deine Seite im Browser auf deinem PC an und verkleinere das Fenster. Kann es sein das es evtl. am Zurückbutton liegt? Bei mir am Tablet (Android Chrome und Firefox) wird der Schiebebalken dargestellt. Die Parallaxe funktionieren ebenfalls.
Hallo Michael
Ich habe noch 600px damit es quer auf dem Handy richtig angezeigt wird. Muss aber bicht sein.
Bei Kontakt und Presse, würde ich bei Stil "Objektstil" einen farbigen Hintergrund nehmen und die Deckkraft ein bisschen verringern, damit man es besser lesen kann. Bei Presse dann den grünen Hintergrund entfernen.
Der Footer bei 720px ist nicht richtig. Die Email Adresse ist leicht abgeschnitten, Telefon und Email sind nicht im grünen Balken.
Bei 480px ist das erste Bild nur ein kleiner sterifen.
Der Balken kommt wirklich erst unterhalb von 960px, weiss aber auch nicht wieso
Gruss
Cookie
Autor
Hallo Cookie / Hallo Martin!
@Martin: Das habe ich mir auch schon gedacht das es an dem Zurückbutton liegt, aber da kann man nix einstellen in der Software ausser das er sichtbar ist und wie dieser aussehen soll! Oder gibt es da wo anders im Programm noch eine Möglichkeit?
@Cookie: Habe die 600px jetzt auch noch zusätzlich eingefügt! Danke für den Tipp wegen Presse und Kontakt - habe ich geändert und gefällt mir sehr gut so! Lt. meinem Footer 720px wird alles innerhalb angezeigt - Text+Telefon+Mail! Das ist bei mir auch nur ein Streifen das erste Bild bei 480px - da habe ich auch keine Ahnung warum!
Obwohl es am Handy und Tablett nicht optimal angezeigt wird, habe ich gestern eine Neukundin dazubekommen, die sich von der Website sehr angesprochen gefüllt hat!
Danke euch allen dafür!
Gruss
Michael
Du musst noch ein Objekt irgendwo im nicht sichtbaren Bereich haben. Schau nochmal nach, denn normal ist das nicht.
Hast Du evtl. bei einem Umbruchpunkt in Inhalt des Templates ein Objekt in der Kopf- oder Fußzeile vergessen zu verschieben bzw. zu löschen?
Ich bin wie Martin der Meinung, im Header oder in der Fusszeile muss da was sein, wo das Scrollen erzeugt. Wie gross ist dein Hamburger? 40x40px reichen.
Hamburger Menü Eintellungen würde ich bei Overlay der Inhalte dein Grün nehmen und die Deckkraft ein bisschen sinken. Die Schrift ein bisschen grösser und dein Menü ist grün, also nimm grün als Hintergrund und weiss bei Maus kontakt. Das ist nur ein Tipp...
Bei Presse und Kontakt den Aussenrand auf 0 stellen...
Bei 480px ist das erste Bild noch immer nur ein kleiner Streifen.
Hallo Martin
Schau mal deine Seite auf dem Handy an, das erste Bild mit der Blondine ist noch immer nicht sichtbar!
Hast du mal versucht dein dein Header und deine Fusszeile komplett zu löschen und es neu zu machen, damit der Balken unter 960px verschwindet? Lösche mal den Button für Rückkehr zum Seitenanfang. Vielleicht liegt es auch daran.
Gruss
Cookie
Ich mache es mit einem transparenten Bild, statt einem HTML Objekt. Dieses Thema ist zwar für Zeilenstil, kannst es mal Für Hinergrund ausprobieren. Parallaxe Effekte gehen aber nicht!
https://helpcenter.websitex5.com/pt/post/180019
Was für ein Bild hast du bei AGB? Sieht ein bisschen Pervers aus auf meinem Laptop und au kleineren Geräten sieht man nur weiss.
Autor
@ alle: Irgendwie hat die Seite meine Antwort an euch nicht geschrieben!
@ Martin: Das mit dem Objekt im nicht sichtbaren Bereich schaue ich mir nochmal an!
@ Cookie: Ich weiß um ehrlich zu sein nicht wie groß mein Hamburger Button ist! Wo kann ich das nach schauen? Danke für deine Tipps bezüglich Hamburger-Menü, Presse und Kontakt! Hab ich alle schon umgesetzt und sieht jetzt viel besser aus! Warum das erste Bild noch immer nur ein Streifen ist, darauf habe ich auch noch keine Antwort! Habe den Button für Rückkehr zum Seitenanfang gelöscht - ändert nichts am Scrollbalken! Das Bild für die AGB ist aus der Bibliothek von WSX5 V14! Sind Bücherrücken die nur am rechten Bildrand dargestellt werden - der Rest ist weiß - deshalb am Handy nur weiß!
Danke für eure tolle Unterstützung!
Gruss
Michael
Im Inhalt des Templates bei 720, 600 und 480px gehst, hast du da den Hamburger. Klicke mal die rechte Maustaste und geh auf Position und Grösse. Wie gross ist er?
Wieso hast du in Zeile 1 und 2 ein HTML Obiekt? Hast du da die Automatische Höhe aktiviert? Es könnte daran liegen, dass das erste Bild nur ein Streifen ist.
Autor
Größe Hamburger-Button:
960px - B=702 H=30
720px - B=585 H=30
600px - B=465 H=30
480px - B=305 H=30
Die automatische Höhe ist nicht aktiviert! Das war für mich mein Weg das ich das Bild dort hinbekomme und den Parallaxe-Effekt machen kann! Gibt es einen anderen Weg?
Gruss
Michael
Hamburger Button auf 30x30px setzen.
Erstelle ein transparentes Bild (png) im Photoshop mit der gewünschten grösse.
Autor
@ Cookie: Sorry, das ich nicht geantwortet habe - war krank!
Hamburger-Button hab ich auf 30x30px gesetzt!
Habe jetzt als Lösung für mich in der Responsive Einstellung beim Umkehrpunkt 480px das Bild einfach ausgeblendet - ist für mich die bessere Lösung als nur das Streifenbild!
Wäre nur mehr der Balken, aber ich lass das jetzt einmal so!
Nochmal recht herzlichen dank an euch alle für eure Hilfe und Unterstützung!
Gruss
Michael