Responsive Design auf Smartphone verschieben

  • Gelöst bense

    (@bense)


    vor 6 Monaten, 2 Wochen

    Moin zusammen,

    ich habe für einen Bekannten eine Webseite erstellt. Das ganze habe ich über Elementor gemacht. Sinn und Zweck der Homepage soll es sein, ein Kontaktformular auszufüllen und die Leistungen aufzuzeigen – nichts besonderes.

    Mit dem ersten Aufschlag bin ich auch relativ gut zufrieden, jedoch habe ich das Problem, dass die Webseite auf dem Handy mal richtig auflöst und mal nicht. Wenn die Webseite dann mal richtig auflöst, kann ich trotzdem in der Seite nach rechts „wischen“ – soll so natürlich nicht sein 🙂

    Das sieht dann so aus:

    Vermutlich relativ leicht lösbar, ich komme aber leider nicht auf die Lösung.

    Vielen Dank für die Hilfe.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 6 Monaten, 2 Wochen

    Hallo,
    falls du ein Cache-Plugin installiert hast, bitte den Cache über das Plugin löschen. Falls das nicht hilft, das Cache-Plugin deaktivieren. Solange Probleme existieren bzw. während der Entwicklung einer Website, sollte man kein Cache-Plugin aktivieren.

    Bei Elementor kann man unter Werkzeuge > Generell > CSS & Daten neu generieren auf den Button „Dateien und Daten neu generieren“ klicken. Ich setze Elementor nicht ein und kann dir ansonsten nicht weiterhelfen.

    Viele Grüße
    Hans-Gerd

    Anonymous User 20597857

    (@anonymized-20597857)

    vor 6 Monaten, 2 Wochen

    Mit was checkst die mobile Ansicht? Auf echten Smartphones oder per Browsersimulator [F12] > Geräte ?

    Sowas passiert bei letzterem manchmal auch ohne Cache und ohne Elementor oä. Während es auf 99 echten Smartphones keine Probs gibt, können die Geräte-Simulationen im Browser zeitweise spinnen.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 6 Monaten, 2 Wochen

    Es wundert mich, dass das Problem mit Elementor noch nicht behoben wurde. Wenn du einen einzigen Abschnitt in Elementor (Elementor nennt das „Widgets“) zu breit definierst, kannst du die ganze Webseite auf kleinen Displays nach links schieben. Sieht doof aus.

    Abhilfe schafft die CSS-Regel 

    body {
  overflow-x: hidden;
}

    vgl. Elementor: Removing white space on mobile view (von 2021!)

    • Diese Antwort wurde geändert vor 6 Monaten, 2 Wochen von Bego Mario Garde. Grund: CSS-Regel geändert
    Thread-Starter bense

    (@bense)

    vor 6 Monaten, 2 Wochen

    Vielen vielen Dank, das mit dem Eintrag der CSS Regel hat geholfen.

    Besteht auch die Möglichkeit den weißen Balken ganz oben zu entfernen. Über den Customizer habe ich ein Teil entfernt bekommen, aber leider nicht alles.

    Anonymous User 20597857

    (@anonymized-20597857)

    vor 6 Monaten, 2 Wochen

    Nicht zu glauben …

    OT: Aber warum ist Elementor eigentlich so beliebt? Gefühlt 99% aller Foristen kommen mit dem hier an. Vllt. sollte ich mir das Ding mal ansehen, warum es gar so gerne eingesetzt wird. Falls es wo Testberichte, Vergleiche oder so gibt, es würde mich echt interessieren.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 6 Monaten, 2 Wochen

    Besteht auch die Möglichkeit den weißen Balken ganz oben zu entfernen.

    Problem behoben? Ich sehe über dem Header keinen weißen Balken.

    Thread-Starter bense

    (@bense)

    vor 6 Monaten, 2 Wochen

    Problem behoben, habe etwas an den Pixel Einstellung in Elementor geändert, nun gehts. Danke für die schnell Hilfe.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 6 Monaten, 2 Wochen

    Und wer markiert den Thread nun als „gelöst“? 😉

Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8)
  • Das Thema „Responsive Design auf Smartphone verschieben“ ist für neue Antworten geschlossen.