Seitenlayout mobile Ansicht auf einzelnen Seiten unterschiedlich

  • Gelöst Alex

    (@charityimmos)


    vor 1 Jahr, 1 Monat

    Hi,

    das Seitenlayout auf meinen Seiten und Unterseiten: „Home“, „Immobilie kaufen“ und „Services“ wird anders dargestellt, als auf den restlichen Seiten auf meiner Website. Komisch ist, dass es mir aufgefallen ist, nachdem ich ein Stempel-Bild auf den genannten Seiten eingefügt habe. Seitdem ist das Seitenlayout/-Ansicht auf den Seiten mit dem Stempel in der mobilen Ansicht größer/anders, wenn ich die die Seite durch zoom-Funktion vergrößere oder verkleinere. Es wird beim Verkleinern der Seitenansicht ein weißer Rand rechts angezeigt.

    (Seitenansicht auf Handy verkleinert. Chat-Widget wird sichtbar, doch Seitenlayout passt nicht.)

    Und auch das Chat-Widget wird erst sichtbar, wenn ich auf der mobilen Ansicht die Seitenansicht verkleinere/vergrößere. Warum versteh ich nicht. Das Problem daran ist, dass auf diesen Seiten das Chat-Widget von Tawk.to nicht sichtbar ist, da es unten rechts auf der Seite versteckt und erst sichtbar wird, wenn man die Seitenansicht verkleinert.

    (Seitenlayout korrekt über den gesamten Bildschirm, doch Chat-Widget nicht sichtbar)

    Dann befindet sich aber auch ein weißer Rand auf der rechten Seite. Als ob das Widget nicht über dem Inhalt der Seite liegt sondern rechts daneben. Bevor ich die Stempel eingefügt habe, lag das Chat-Widget über dem Inhalt der Website und es war alles in Ordnung. Wo liegt das Problem? Liegt es an dem Stempel? Die Einstellungen vom Chat-Widget bei Tawk.to scheinen alle zu passen.

    Schwierig zu erklären. Ich hoffe, das Problem ist dennoch etwas verständlich.

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

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 1 Jahr, 1 Monat

    Der weiße Bereich entsteht, wenn du ein Elementor-Widget einfügst und eine größere Breite zuweist, als den restlichen Elementen der Seite. Als Workaround kannst du eine einfache CSS-Regel einfügen, die das Verhalten der Webseiten so ändert, dass durch Wischen nach links kein weißer Rand angezeigt wird:

    body {
  overflow: hidden;
}
    Thread-Starter Alex

    (@charityimmos)

    vor 1 Jahr, 1 Monat

    @pixolin Maschine! Danke vielmals!

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Seitenlayout mobile Ansicht auf einzelnen Seiten unterschiedlich“ ist für neue Antworten geschlossen.