Horizontaler Scrollbalken in iPhone-App-Webview

  • Hallo zusammen,

    ich habe ein Responsive Design für eine Geschenke-Website erstellt; die Seiten werden zusätzlich über innerhalb einer iPhone-App angezeigt.

    Leider wird dort auf einigen Webseiten ein horizontaler Scrollbalken angezeigt. Einfach mal auf iphonetester.com die Seite http://geschenkhamster.de/geschenkideen/ eingeben, dann seht ihr, was ich meine. Habt ihr eine Idee, wie ich diesen Bug fixen kann?

    Ich hänge an dem Problem schon ein Weilchen. :-( Bin für jeden Ratschlag sehr dankbar! :-)

    • 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

  • versuche mal folgendes

    wp-content/themes/hamster/style.css Zeile 23

    Code
    .wrapper {padding:0 20px; width:90%;}


    ändern in

    Code
    .wrapper {padding:0 10px; width:90%;}


    wp-content/themes/hamster/style.css Zeile 243

    Code
    img {border:0;}


    ändern in

    Code
    img {
        border: 0;
        height: auto;
        max-width: 100%;
    }

    wp-content/themes/hamster/style.css Zeile 597

    Code
    .gi .gi-img {background-color:rgba(0,0,0,0.1); width:300px;}


    ändern in

    Code
    .gi .gi-img {
        background-color: rgba(0, 0, 0, 0.1);
        height: auto;
        max-width: 100%;
    }

Jetzt mitmachen!

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