Mobile Ansicht lässt sich nach links wischen

    Hey zusammen,

    Ich habe folgendes Problem... Nach dem erstellen der Website mit dem ,,Astra Theme´´ habe ich auch die responsive ansicht via Elementor zur Mobilen version bearbeitet.
    Denn mein Problem ist es , dass sich die mobile ansicht der website über jeden Browser auf dem Smartphone nach links wischen lässt.
    D.h. ich habe erst die richtig dargestellte website und dann eine weiße seite beim nach links wischen als würde das layout doppelt angezeigt werden nur ohne inhalt.
    Die höhe und tiefe passen nur der container nach rechts ist zu groß.
    Habe die Seite (http://www.mutterherzshop.de) auch schon durch den HTML Validator laufen lassen aber konnte keinen fehler in den breakoints etc erkennen.

    Hoffe jemand kann mir weiter helfen, da ich den fehler einfach nicht entdecken kann.
    P.S. bin in CSS nicht ganz so versiert


    MFG Dennis

    • 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

    Du hast 2 Elementor-Elemente im responsiven Design noch NICHT richtig eingestellt!

    Im Header das Elementor-Element mit dem Titel "Mutterherz" hat [FONT=Courier New]1000px[/FONT] Breite und ein [FONT=Courier New]left:-xxx[/FONT] eingestellt.

    Im Footer ist das Element "Powerde by..." mit der o.g. Breite und einem [FONT=Courier New]left[/FONT] eingestellt.

    Das ist neu zu betrachten ;)

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

    Vielen Lieben Dank für den hilfreichen Tipp.
    Habe die Container der Elemente angepasst und nun ist alles so wie es sein soll.
    Manchmal sieht man den Wald vor lauter Bäumen nicht :)

    LG Dennis

    Es ist sicher nicht das gleiche Problem! Es ist bestenfalls ähnlich. ;-)

    Wenn dieser Rand gemeint ist, siehst du warum das so ist.

    In diesem Elementor Element ist ein margin-rechts mit 25px eingestellt - kann man ggf auf 0 setzen.

    Ist etwas anderes gemeint, stelle einen Screenshot bereit, mit der genauen Stelle, die du meinst.

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

    In den meisten fällen lässt sich dieses Problem schon dadurch lösen, dass du bei der entsprechenden Section das Overflow auf "hidden" setzt, bzw. dies grundsätzlich überall machst, sofern nicht explizit gewünscht.

    ..... und schon gelöst.

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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden