Volle Breite funktioniert in mobiler Version nicht (Help!)

Aktuell arbeiten wir noch im Hintergrund an der Foren-Struktur, daher kann es vorkommen das noch nicht alles zu 100% passt. Sowohl die Foren-Bereiche, Labels, Berechtigungen, Icons und das verschieben der Themen in die entsprechende Bereiche wird noch alles durchgeführt, sobald das abgeschlossen ist entfernen wir diesen Hinweis auch.

    Hallo!

    In der mobilen Ansicht wird auf der rechten Seite meiner Homepage ein Rand eingefügt. Ich nutze das OceanWP Theme und die kostenlose Variante von Elementor. In der responsiven Vorschau von Elementor sowie Word Press ist dieser Rand nicht zu sehen, sondern nur, wenn die Seite mit einem „echten“ Smartphone geöffnet wird. Man kann auf dem Smartphone ein Stück nach rechts wischen, obwohl das eigentlich nicht gehen sollte aufgrund der vollen Layoutdarstellung. Hat jemand eine Idee, wo der Fehler liegen könnte?
    Ich habe alle Einstellungen kontrolliert und kann mir das Problem nicht erklären. Alles steht auf 100% Full With.

    Die Seite ist noch nicht öffentlich, deshalb mit PW „Tests€ite1“ geschützt. Um das Problem zu sehen, müsst ihr sie mit einem Smartphone öffnen. Hier geht's zur Homepage: http://www.maxsteinmusic.com/.

    Vielen Dank für eure Hilfe!
    Liebe Grüße
    Max

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wenn du Fragen hast, kannst du dich gerne jederzeit an @Maximilian Rupp wenden

    Hinweis: folgt noch

    [COLOR=#0059b3]Hallo SteinMax und willkommen im Forum von mir als Moderator.

    Schön, dass Du zum Forum gefunden hast. Du solltest wissen, dass alle Helfer hier freiwillig und in ihrer Freizeit versuchen, Dir Hilfestellung zu geben.[/COLOR]

    Quote from r23

    Welche Marke Smartphone muss es sein. (Browser/ OS) ?

    und kannst du Bilder vom Fehler bitte beifügen?

    Moin @r23 und danke für deine Nachricht!

    Ich habe die Seite mit einem Google Pixel 6 unter Android 13 mit der aktuellen Version der Google Chrome App geöffnet. Die Layoutverschiebung ist aber auch mit einem Huawei Smartphone aufgetreten, Modell unbekannt.
    Zu deinem Screenshot: Wie im Eröffnungsbeitrag geschrieben, kannst du die Seite mit dem PW "Tests€ite1" öffnen.
    Im Anhang auch noch ein Screenshot. Die Seite sieht an sich top aus, allerdings besteht die Möglichkeit über die ganze Seite horizontal zu swypen, was (abgesehen von der Karusselgallerie) jedoch nur vertikal funktionieren sollte. Der im Screenshot rot markierte Bereich sollte eigentlich nicht vorhanden sein laut Vorschau in Elementor sowie Customizer und zieht sich über die ganze Seite.

    Danke für deine Hilfe!

    Wenn ich auf meinem Smartphone )Samsung S22 ultra) nach links wische habe ich den "nach oben" Button in einer senkrechten Leiste. Nimmt er den Platz rechts ein? Entferne ihn doch mal in der mobilen Version oder generell.

    Ich kanns auch mit dem Firefox nachstellen - und es tritt bei 1024 und weniger Breite auf ....
    Der Fehler dürfte im unteren Bereich sein. ich habe bei einigen Elementor-Elementen die angegebene Breite im Browsertool deaktiviert und sieh da - es wirkt.

    Wenn ich den
    [FONT=Courier New].elementor-widget-wrap[/FONT] das [FONT=Courier New]width: 100%[/FONT] auf [FONT=Courier New]90%[/FONT] stelle ist es behoben!

    also:

    Code
    .elementor-widget-wrap {
    width: 90%;
}

    Da ich den elementor nicht wirklich verwende kann ich das hier nicht begründen, warum das so ist :rolleyes:;)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    es gibt 2 positionierungsfehler auf der seite: 1. der h1 title "Max Stein" 2. darunter die signatur "Max". korrigiere die positionen und/oder setze die übergeordneten container auf "overflow hidden" und das problem sollte behoben sein.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    5 user hatten sich mit @SteinMax problem beschäftigt und dann kommt nix zurück. sowas kann ich gut leiden.
    ich glaube, ich beschäftige mich mit den problemen von "frischlingen" nicht mehr. :confused:

    @SteinMax du gehörst nicht mehr zu meiner zielgruppe. :p

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Hallo zusammen und vielen Dank für eure Antworten! ich war 2 Wochen im Urlaub und hätte nicht gedacht, dass sich in der Zeit so viele Leute melden! Ich werde eure Vorschläge ausprobieren und melde mich, sobald ich die passende Lösung gefunden habe! :)

    Quote from Henk1060

    hast du vielleicht bei einer section, *abschnitt strecken* aktiviert?


    Die habe ich gerade alle geprüft und es sind keine Abschnitte gestreckt.

    Quote from Kurt Singer

    Wenn ich auf meinem Smartphone )Samsung S22 ultra) nach links wische habe ich den "nach oben" Button in einer senkrechten Leiste. Nimmt er den Platz rechts ein? Entferne ihn doch mal in der mobilen Version oder generell.


    Habe ich zuerst auch gedacht, aber das Ausschalten des Buttons hat nicht geholfen.

    Wie von @DummyGirl beschrieben

    Quote from DummyGirl

    es gibt 2 positionierungsfehler auf der seite: 1. der h1 title "Max Stein" 2. darunter die signatur "Max". korrigiere die positionen und/oder setze die übergeordneten container auf "overflow hidden" und das problem sollte behoben sein.


    ist es tatsächlich die H1 Überschrift "Max Stein" und das Bild der Signatur darunter gewesen. Die Einstellungen zur Breite waren in Elementor einfach nur auf "Vorgabe" eingestellt. Dies zu "Volle Breite 100%" ändern hat den Balken schon mal dünner gemacht. Außerdem war der Außenabstand im negativen Bereich, damit die Unterschrift an der richtigen Position stand. Den Außenbereich habe ich nun zu den Seiten auf "0" gestellt und dafür in den Stileinstellungen etwas rumprobiert, sodass die Signatur jetzt wieder da steht, wo sie stehen soll und gleichzeitig der Rand weg ist.
    FAZIT: Die zwei Blöcke mit dem Titel und der Signatur haben rechts über den Rand hinausgeragt. Danke nochmal an alle für eure Hilfe!

    Da @r23 und ich beide nicht die betreffenden Elemente identifizieren konnten, wäre natürlich noch interessant, wie du @DummyGirl zu dem Schluss gekommen bist!

    Quote from DummyGirl

    @SteinMax du gehörst nicht mehr zu meiner zielgruppe. :p


    okay, wieder aufgehoben. :cool:

    Quote from SteinMax

    wie du @DummyGirl zu dem Schluss gekommen bist!


    in den dev tools des browsers smartphone view und cursor aktivieren und über die objekte fahren. die divs der einzelnen objekte werden hervorgehoben. dort wo die overlays den rand verlassen sind probleme zu erwarten.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Hier im Forum werden keine Themen geschlossen. So ist es möglich, selbst nach Jahren noch auf Beiträge zu antworten.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login