#smartphone Vielen lieben Dank für deine tollen Videos! Du hast mir schon total oft geholfen mit deinen genialen Videos! Ich liebe deine unkomplizierten und auch für absolute Laien brauchbaren Erklärungen! Danke von Herzen! 🙏
Hallo Hyacinta, Du beschreibst bei ungefähr 5 Minuten zu der Bearbeitung der mobilen Ansicht besser die Webkonsole zu benutzen. Das möchte ich gerne ausprobieren, aber leider weiß ich nicht, was du meinst. Ich habe diese Webkonsole nicht. Wo finde ich diese, oder muss ich sie erst installieren? Oder ist damit irgendeine Einstellung in Wordpress gemeint? (Wir benutzen WordPress mit Divi) Vielen Dank, wenn du dir kurz Zeit nimmst für uns. :) Liebe Grüße Svenja
@@SvenjaHoffmann-v2z hallo Svenja, du hast beim Browser z.b bei Firefox die Möglichkeit verschiedene Endgeräte zu simulieren. Wenn du da Smartphone auswählst, siehst du, wie die Website auf dem Smartphone aussieht. Bei Chrome kann es sein, dass du hier zu einer Erweiterung benötigst.
Das war sehr hilfreich. Bei mir ist immer wieder das Problem, dass sich die einzelnen Sektionen auf der Handyansicht überlappen. In der Desktopansicht sieht alles super aus, aber auf dem Handy und Tablet nicht. Wie kann ich das ändern?
Hallo Hiacynta, mir ist aufgefallen, dass die Farben am Handy anders aussehen als am Laptop (beide ohne Blaulichtfilter). Ist es so, dass man dann die Farben für die Handyansicht so ändern sollte, dass es ungefähr mit der Laptopansicht passt? Oder solltes man das lieber lassen, weil es eh auf jedem Handy anders aussieht? Ich bin total happy mit meinen Farben am Laptop, aber auf dem Handy erscheint mein Orange zu grell. Hast du dazu einen Tipp? Lieben Dank :)
Das Problem wirst du immer haben, dass es je nach Endgerät anders aussieht, auch die Farben. Deshalb würde ich da an den Farben nichts ändern bzw. die nicht gesondert für Smartphones anpassen...
Super Erklärung. Danke, ich habe das Problem das sich die Webseite in der Mobilen Ansicht, leicht nach links schieben lässt. Was habe ich hier falsch gemacht? Die mobile Webseite sollte ja nur Scrollbar nicht schiebbar sein oder?
Es wird so sein, das ein Element breiter ist, als es sein soll. Schau mal auf der Seite alle zeilen und Module durch und schau mal beim Zwischenraum, ob da falsche Einstellungen sind
@@HiacyntaHess vielen Dank für die schnelle Antwort. Also muss ich bei meinen Elementen und Modulen schauen ob links und rechts ein Abstand eingestellt ist? Also jedes einzeln abtippen?
Tolles Video. Ich baue mir auch grade ein Shop und bin soweit fertig mit dem Aufbau. Jetzt habe ich noch ein Problem. Ich habe soweit alles für Mobile Ansicht angepasst. Wie kriege ich jetzt meine Produkte in der Mobil Ansicht so hin das z.b beim Tablet 4 Produkte in einer reihe angezeigt werden und auf dem Handy 2 Produkte nebeneinander. Leider Zeigt es mir im moment auf dem Handy 1 Produkt groß an nach einander und auf dem tTblet 2 ( Das schaut leider nicht so schön aus) Danke :) und Liebe Grüße
Hallo Hiacynta - Danke für die Anleitung - ich habe das Problem, dass mit dem DIVI slider Modul jeweils ein Foto und rechts daneben der Text steht, die Fotos aber in der DIVI Handyansicht nicht gezeigt werden? Diese müssten doch eigentlich im Handy über oder unter dem Text eingeblendet werden. Ich habe bereits herumexperimentiert finde aber nicht den entsprechenden"Button"? Danke für Hilfe! Gruß Karsten
Bei mir funktioniert das nicht, wenn ich es in der mobilen Ansicht die Schriftgröße kleiner machen, dann übernimmt das auch die kleine Schriftgröße auf die Desktop-Größe. Ich verzweifle daran, obwohl ich es so mache, wie du beschreibst. Hast du einen Tipp?
Vielen Dank für dein Feedback.Leider kann ich aus der Ferne ohne Einblick in die spezifischen Website-Einstellungen keine direkte Lösung anbieten. Bisher hatte ich das Problem noch nicht. Könnte mir aber vorstellen, dass es vielleicht an irgendwelchen globalen Einstellungen liegt, die getroffen wurden...aber ist nur eine Annahme...
Ich habe nur Probleme damit. Im Visual Builder ist alles top, wenn Ich von meinem Smartphone draufschaue, sind plötzlich Bilder verzerrt, Elemente sind da, die gar nicht existieren etc. Hast Du da eine Idee woran das liegen könnte? LG
Richtig genial... wunderbar erklärt. Kann man das auch mit einem Bild machen. Also im Header habe ich ein Bild eingefügt in der grünen Ebene und man sieht natürlich auf Tablet und Smartphone nur einen Bruchteil. Wo und wie könnte man das einstellen, wenn es überhaupt möglich ist? Arbeite auch mit WP und DIVI
Du kannst das Bild separat für die Endgeräte anpassen, z.B. für Desktop oder Smartphone. Dazu musst du entsprechend immer auf das kleine Icon klicken und kannst so die Ansicht wechseln. Für das Smartphone kannst du z.B. für Größe dann kleiner oder größer einstellen
Wenn DIVI so wäre, wäre es super schlecht!!! Laut Tutorial hier müsste ich bei jeder Headline für Mobile neue Einstellungen machen. Wer aber Zeit (=Geld) sparen will, stellt einmal über den Theme Customizer Schriftgrad & -typen für jedes Device ein.
Danke Anna für deinen Kommentar! Eine weitere wunderbare Lösung wäre, sich Headline und Subheadline usw. für die verschiedenen Geräte zu optimieren und sich diese dann als Vorlage abzuspeichern ;)
hallo, gibt es eine Möglichkeit bei divi via css oder auch via den Einstellungen 4 spalten einer Zeile (in den layer) auf dem Mobilen gerät(explizit handy) nebeneinander darzustellen? momentan werden 4 spalten einer Zeile (in den layer) auf dem desktop neben einander dargestellt und auf dem Handy untereinander. Unabhängig von den Größeneinstellungen. Ich wäre wirklich dankbar wenn du mir helfen kannst. lg
Ahh ja da gibt es via CSS tatsächlich eine Möglichkeit. Bisher habe ich es so umgesetzt, dass in der mobilen Version zwei Spalten in einer Reihe angezeigt werden. Würde dir das prinzipiell schon weiterhelfen?
Servus liebe Hiacynta, zuerst einmal möchte ich mich ganz herzlich bei Dir für all Deine Hilfestellungen bedanken - Du hast mir oft aus der Klemme geholfen mit Deinen Tutorials! Ich habe bitte gleich mal ganz unverschämt 3 Fragen und wäre Dir mega dankbar, wenn Du mir da helfen könntest.. lieben Dank im voraus! GLG Simone aus Augsburg-Bayern: - wie kann man bei mobiler Ansicht bitte die Webseite fixieren? Beim Handy kann ich die Webseite wie bei Fotos nach links wegschieben und dann erscheint die Hintergrundfarbe!?! - mein eigenes Design im Divi-Footer, welches ich mobil eingerichtet habe, kommt beim PC-Test anderer mobilen Geräten unterschiedlich raus, kann man da auch was machen? - da irgendwie alle Photoslider Probleme mit der Anzeige von beiden Größen Hoch- sowie Querformat haben oder insgesamt zu groß waren, hab ich mir das Master-Slider Plugin runtergeladen, klappt perfekt am PC, jedoch in Funktionen steht "optimiert für alle Bildschirmgrößen und Touch Screens" ..bei mir leider nicht, was mach ich bitte falsch?
Servus Simone und viele Grüße nach Augsburg. Zu 1) Da musst du mal schauen, du wirst da einen Abschnitt oder eine Sektion haben, die wahrscheinlich breiter ist als 100%, deshalb wirst du vermutlich nach links und rechts scrollen können. Da müßtest du mal die einzelnen Abschnitte durchgehen und schauen, ob da versehentlich etwas falsch eingestellt ist. Zu 2) Du kannst die Website bzw. den Footer für Smartphone, Tablet und Desktop anpassen. Es wird aber trotzdem auf den unterschiedlichen Geräten anders aussehen, weil die Geräte stellenweise eine unterschiedliche Auflösung verwenden. Da musst du tatsächlich so den goldenen Mittelweg finden und deine Website so optimieren, dass es auf den unterschiedlichen Auflösungen soweit passt. Zu 3) Den Slider kenne ich leider nicht und kann dazu leider nicht viel sagen. Dazu müßte ich mich mal einloggen und schauen, was die Einstellungen hergeben. Ich hoffe, ich habe deine Fragen weitgehend beantwortet, falls du noch Rückfragen hast, einfach melden.
Warum ist eigentlich voreingestellt, das jede folgende Überschrift kleiner wird? Wer denkt sich sowas aus? Habe gesehen, man soll bei Blogbeiträgen, von H1 jede Überschrift numerisch runter wandern. Sie werden dann allerdings immer kleiner, was absurd ist.
Warum stört dich das? Angesichts der Benutzerfreundlichkeit ist das nur logisch. Abgesehen davon hast du doch die Möglichkeit dir ein Preset anzulegen und da kannst du die Größen so einstellen, wie du möchtest.
#smartphone Leider bin ich blutiger Anfänger und habe die fertige Seite von so übernehmen. Noch ist mir nicht klar, wie ich das am besten machen muss. Liebe Grüße
Hiacynta vielen herzlichen Dank! Du bist meine Rettung 🙏 So wunderbar erklärt! Abo da gelassen - of course!
Danke für diese AusführlicheSchulung :) Das hat mir sehr geholfen, gerade wenn es um diese ganzen "versteckten" Symbole geht... Nun läufts !
Herzlichen Dank für dein Feedback
Das ist sooo mega genial! Danke das hat mir sehr geholfen🙏🙏
Danke, Du hast mir sehr geholfen mit deinem Video! LG Markus
Sehr gut erklärt. Danke!
Super Erklärung! Vielen Dank!
perfekt
oh man, auf die Idee muss man erstmal kommen 😅. DANKE!!
Vielen Dank!
#smartphone Vielen lieben Dank für deine tollen Videos! Du hast mir schon total oft geholfen mit deinen genialen Videos! Ich liebe deine unkomplizierten und auch für absolute Laien brauchbaren Erklärungen! Danke von Herzen! 🙏
Vielen lieben Dank für die herzlichen Worte
Hallo Hyacinta,
Du beschreibst bei ungefähr 5 Minuten zu der Bearbeitung der mobilen Ansicht besser die Webkonsole zu benutzen. Das möchte ich gerne ausprobieren, aber leider weiß ich nicht, was du meinst. Ich habe diese Webkonsole nicht. Wo finde ich diese, oder muss ich sie erst installieren? Oder ist damit irgendeine Einstellung in Wordpress gemeint? (Wir benutzen WordPress mit Divi)
Vielen Dank, wenn du dir kurz Zeit nimmst für uns. :)
Liebe Grüße
Svenja
@@SvenjaHoffmann-v2z hallo Svenja, du hast beim Browser z.b bei Firefox die Möglichkeit verschiedene Endgeräte zu simulieren. Wenn du da Smartphone auswählst, siehst du, wie die Website auf dem Smartphone aussieht. Bei Chrome kann es sein, dass du hier zu einer Erweiterung benötigst.
hallo, wäre hier eine angabe in relativen Wert, wie z.b. "em" nicht besser? diese passen sich dann automatisch an, oder?
Das war sehr hilfreich. Bei mir ist immer wieder das Problem, dass sich die einzelnen Sektionen auf der Handyansicht überlappen. In der Desktopansicht sieht alles super aus, aber auf dem Handy und Tablet nicht. Wie kann ich das ändern?
Kann es sein, dass du bei margin und padding, also beim Zwischenraum ein paar Einstellungen vorgenommen hast?
Hallo Hiacynta, mir ist aufgefallen, dass die Farben am Handy anders aussehen als am Laptop (beide ohne Blaulichtfilter). Ist es so, dass man dann die Farben für die Handyansicht so ändern sollte, dass es ungefähr mit der Laptopansicht passt? Oder solltes man das lieber lassen, weil es eh auf jedem Handy anders aussieht? Ich bin total happy mit meinen Farben am Laptop, aber auf dem Handy erscheint mein Orange zu grell. Hast du dazu einen Tipp? Lieben Dank :)
Das Problem wirst du immer haben, dass es je nach Endgerät anders aussieht, auch die Farben. Deshalb würde ich da an den Farben nichts ändern bzw. die nicht gesondert für Smartphones anpassen...
Super Erklärung. Danke, ich habe das Problem das sich die Webseite in der Mobilen Ansicht, leicht nach links schieben lässt. Was habe ich hier falsch gemacht? Die mobile Webseite sollte ja nur Scrollbar nicht schiebbar sein oder?
Es wird so sein, das ein Element breiter ist, als es sein soll. Schau mal auf der Seite alle zeilen und Module durch und schau mal beim Zwischenraum, ob da falsche Einstellungen sind
@@HiacyntaHess vielen Dank für die schnelle Antwort. Also muss ich bei meinen Elementen und Modulen schauen ob links und rechts ein Abstand eingestellt ist? Also jedes einzeln abtippen?
Tolles Video. Ich baue mir auch grade ein Shop und bin soweit fertig mit dem Aufbau. Jetzt habe ich noch ein Problem. Ich habe soweit alles für Mobile Ansicht angepasst. Wie kriege ich jetzt meine Produkte in der Mobil Ansicht so hin das z.b beim Tablet 4 Produkte in einer reihe angezeigt werden und auf dem Handy 2 Produkte nebeneinander. Leider Zeigt es mir im moment auf dem Handy 1 Produkt groß an nach einander und auf dem tTblet 2 ( Das schaut leider nicht so schön aus) Danke :) und Liebe Grüße
#smartphone Super hilfreich, danke :)
Und wie geanu verschiebe ich ein Element ohne es auf Desktop auch zu verschieben?
Überigens vielen dank für die Erklärung😊
Hallo Hiacynta - Danke für die Anleitung - ich habe das Problem, dass mit dem DIVI slider Modul jeweils ein Foto und rechts daneben der Text steht, die Fotos aber in der DIVI Handyansicht nicht gezeigt werden? Diese müssten doch eigentlich im Handy über oder unter dem Text eingeblendet werden. Ich habe bereits herumexperimentiert finde aber nicht den entsprechenden"Button"? Danke für Hilfe! Gruß Karsten
Bei mir funktioniert das nicht, wenn ich es in der mobilen Ansicht die Schriftgröße kleiner machen, dann übernimmt das auch die kleine Schriftgröße auf die Desktop-Größe. Ich verzweifle daran, obwohl ich es so mache, wie du beschreibst. Hast du einen Tipp?
Vielen Dank für dein Feedback.Leider kann ich aus der Ferne ohne Einblick in die spezifischen Website-Einstellungen keine direkte Lösung anbieten. Bisher hatte ich das Problem noch nicht.
Könnte mir aber vorstellen, dass es vielleicht an irgendwelchen globalen Einstellungen liegt, die getroffen wurden...aber ist nur eine Annahme...
Ich habe nur Probleme damit. Im Visual Builder ist alles top, wenn Ich von meinem Smartphone draufschaue, sind plötzlich Bilder verzerrt, Elemente sind da, die gar nicht existieren etc. Hast Du da eine Idee woran das liegen könnte? LG
Schau dir mal die Einstellungen zu den Größen und Abständen an. Ich denke da wird etwas nicht stimmen 😉
Wie kann ich denn die Reihenfolge von Modulen ändern? Bei mir rutschen beim Smartphone Bilder und Texte durcheinander.
Schau mal bitte, ob dir das weiter hilft: th-cam.com/video/qx1fEcQvVKU/w-d-xo.html
@@HiacyntaHess top, genau das hat es mir erklärt. Danke für deine schnelle Antwort.
Wunderbares Video. Wie funktioniert das bei shopify?
Das kann ich dir nicht sagen
Richtig genial... wunderbar erklärt.
Kann man das auch mit einem Bild machen. Also im Header habe ich ein Bild eingefügt in der grünen Ebene und man sieht natürlich auf Tablet und Smartphone nur einen Bruchteil.
Wo und wie könnte man das einstellen, wenn es überhaupt möglich ist? Arbeite auch mit WP und DIVI
Du kannst das Bild separat für die Endgeräte anpassen, z.B. für Desktop oder Smartphone. Dazu musst du entsprechend immer auf das kleine Icon klicken und kannst so die Ansicht wechseln. Für das Smartphone kannst du z.B. für Größe dann kleiner oder größer einstellen
Wenn DIVI so wäre, wäre es super schlecht!!! Laut Tutorial hier müsste ich bei jeder Headline für Mobile neue Einstellungen machen. Wer aber Zeit (=Geld) sparen will, stellt einmal über den Theme Customizer Schriftgrad & -typen für jedes Device ein.
Danke Anna für deinen Kommentar!
Eine weitere wunderbare Lösung wäre, sich Headline und Subheadline usw. für die verschiedenen Geräte zu optimieren und sich diese dann als Vorlage abzuspeichern ;)
hallo, gibt es eine Möglichkeit bei divi via css oder auch via den Einstellungen 4 spalten einer Zeile (in den layer) auf dem Mobilen gerät(explizit handy) nebeneinander darzustellen? momentan werden 4 spalten einer Zeile (in den layer) auf dem desktop neben einander dargestellt und auf dem Handy untereinander. Unabhängig von den Größeneinstellungen. Ich wäre wirklich dankbar wenn du mir helfen kannst. lg
Ahh ja da gibt es via CSS tatsächlich eine Möglichkeit. Bisher habe ich es so umgesetzt, dass in der mobilen Version zwei Spalten in einer Reihe angezeigt werden. Würde dir das prinzipiell schon weiterhelfen?
Hallo ich habe ein Mac und sehe gar nicht die drei Striche und komme somit auch nicht zum Web-Entwickler. Könntest du mir weiterhelfen?
Ich habe auch einen Mac.. doch man sieht sie. relativ weit oben bzw. ganz unten im Lila Bereich
Servus liebe Hiacynta, zuerst einmal möchte ich mich ganz herzlich bei Dir für all Deine Hilfestellungen bedanken - Du hast mir oft aus der Klemme geholfen mit Deinen Tutorials! Ich habe bitte gleich mal ganz unverschämt 3 Fragen und wäre Dir mega dankbar, wenn Du mir da helfen könntest.. lieben Dank im voraus! GLG Simone aus Augsburg-Bayern:
- wie kann man bei mobiler Ansicht bitte die Webseite fixieren? Beim Handy kann ich die Webseite wie bei Fotos nach links wegschieben und dann erscheint die Hintergrundfarbe!?!
- mein eigenes Design im Divi-Footer, welches ich mobil eingerichtet habe, kommt beim PC-Test anderer mobilen Geräten unterschiedlich raus, kann man da auch was machen?
- da irgendwie alle Photoslider Probleme mit der Anzeige von beiden Größen Hoch- sowie Querformat haben oder insgesamt zu groß waren, hab ich mir das Master-Slider Plugin runtergeladen, klappt perfekt am PC, jedoch in Funktionen steht "optimiert für alle Bildschirmgrößen und Touch Screens" ..bei mir leider nicht, was mach ich bitte falsch?
Servus Simone und viele Grüße nach Augsburg.
Zu 1)
Da musst du mal schauen, du wirst da einen Abschnitt oder eine Sektion haben, die wahrscheinlich breiter ist als 100%, deshalb wirst du vermutlich nach links und rechts scrollen können. Da müßtest du mal die einzelnen Abschnitte durchgehen und schauen, ob da versehentlich etwas falsch eingestellt ist.
Zu 2)
Du kannst die Website bzw. den Footer für Smartphone, Tablet und Desktop anpassen. Es wird aber trotzdem auf den unterschiedlichen Geräten anders aussehen, weil die Geräte stellenweise eine unterschiedliche Auflösung verwenden. Da musst du tatsächlich so den goldenen Mittelweg finden und deine Website so optimieren, dass es auf den unterschiedlichen Auflösungen soweit passt.
Zu 3)
Den Slider kenne ich leider nicht und kann dazu leider nicht viel sagen. Dazu müßte ich mich mal einloggen und schauen, was die Einstellungen hergeben.
Ich hoffe, ich habe deine Fragen weitgehend beantwortet, falls du noch Rückfragen hast, einfach melden.
Warum ist eigentlich voreingestellt, das jede folgende Überschrift kleiner wird? Wer denkt sich sowas aus? Habe gesehen, man soll bei Blogbeiträgen, von H1 jede Überschrift numerisch runter wandern. Sie werden dann allerdings immer kleiner, was absurd ist.
Warum stört dich das? Angesichts der Benutzerfreundlichkeit ist das nur logisch. Abgesehen davon hast du doch die Möglichkeit dir ein Preset anzulegen und da kannst du die Größen so einstellen, wie du möchtest.
#smartphone
Leider bin ich blutiger Anfänger und habe die fertige Seite von so übernehmen. Noch ist mir nicht klar, wie ich das am besten machen muss.
Liebe Grüße
Kannst du mir vielleicht ein paar weitere Infos geben? Ich hab es glaube noch nicht so ganz verstanden, was deine Herausforderung ist...
Das Produkt heisst Divi , ist englisch, v spricht man wie w. Ansonsten klingts wie Bifi
Dankeschön für dein Feedback 👍