Mesmerize sieht auf iphone und ipad ganz anders aus

  • Liebe Foristen, (meine Seite: kmotion.de)
    Stolz wie Oskar wollte ich heute meine gestern fertiggestellte erste WordPressseite meinem Kunden vorstellen. Ich habe die Seite amateurhaft selbst gebaut (soll man ja mit WordPress machen können) und immer wieder mit dem internen viewer auf dem virtuellen Smartphone angeschaut (habe selber kein Smartphone). Da sah alles gut aus. Auch auf dem installierten virtuellen Iphone. Bei dem echten Iphone meines Kunden sah der Bildaufbau ganz anders aus:

    Der Header war riesengroß displayfüllend und nicht als Balken dargestellt. So ist es auch bei anderen Iphones. Der untere Inhalt der Seite wird gar nicht angezeigt und die Schrift des Menübalkens ist winzigklein.

    Auf dem Android Smartphone eines Freunds was alles wie auf der Simulation: Der Headerbalken war als solcher zu erkennen und der darunterliegene Inhalt so wie es sich gehört.

    Wie kann ich das als Anfänger lösen?
    Vielen Dank vom Scheibenweltler!

    • 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 kannst das Browserfenster kleiner und v.a. schmäler machen, dann bekommst Du schonmal einen grundsätzlichen Eindruck, was wann wie mit Deinem Inhalt passiert.

    Was genau soll denn wie genau als "Headerbalken" dargestellt sein?

    Am Rande, es gibt zig verschiedene iPhones, Du solltest also wissen, was genau bei welchem Modell wie falsch aussieht (notfalls zusätzlich ein Foto des Display des Kunden machen), damit das irgendjemand der Dir helfen soll ggf. auch nachvollziehen kann. Sonst wird das ein Ratespiel und dafür haben viele eher keine Zeit übrig. Zudem sollte man bei Webprojekten, die man für Kunden abwickelt, schon selbst auf aktuellen Geräten getestet haben, notfalls in einen Telekom-Shop oder Elektro-Discounter gehen und das dort auf den diversen Geräten wenigstens mal anschauen.

  • Danke für die Antwort!
    Sorry, ich habe mich missverständlich ausgedrückt: der Kunde war jemand, der von mir einen Spielplatz kaufen wollte, keine Webseite und ich habe ihm MEINE Seite gezeigt (kmotion.de) .
    Zum Thema: ich habe es auf iphone 6, 7 und 10 gesehen und überall sah es gleich aus. Mit fehlen die Fachtermini, also kann ich es nur so beschreiben: der obere Bildteil, in dem nur das Menu und die wechselnden Bilder als Hintergrund laufen war vollkommen Bildschirmfüllend, auch wenn man das Bild so klein wie möglich gewischt hat.
    Der untere Teil der Startseite war gar nicht dargestellt. Die Unterseiten waren wieder korrekt dargestellt.
    Danke im Voraus!

  • Liebe Foristen,

    meine selbstgebaute erste eigene Startseite sieht in Firefox und auf PC/Androidsmartphone genau so aus wie ich es erhoffe. (Siehe Screenshot vom Smartphonemulator des Customizers)

    Auf iphones und ipads mit Safari ist ein Teil der Kopfzeile bildschirmfüllend dargestellt, die Schrift der Menupunkte viel zu klein und der Inhalt unter der Kopfzeile wird gar nicht gezeigt (siehe Foto). Das Foto ist vom Ipad, der Zoom des Bildschirms ist schon auf ganz klein., man kann also nicht noch weiter verkleinern um so den Inhalt unter der Kopfzeile zu lesen. Auf den Iphones 6,7 und 10 sieht es genau so aus.

    Was kann ich da als Laie tun?

    Vielen Dank vom Scheibenweltler

    Einmal editiert, zuletzt von maxe (3. April 2019 um 18:24)

  • Liebe Foristen, da ich jetzt einen iphoneemulator nutzen kann, habe ich weiter an meiner Seite gearbeitet. Leider habe ich weder eine Einstellung im Customizer noch ein Plugin gefunden, die das Erscheinungsbild auf iphones (ganz mies) so ändert, dass es aussieht wie auf Androidsmartphones (richtig gut). Wenn ich etwas geändert habe, sah es auch auf Android mies aus und auf iphone nicht besser.
    Ich bin leider ziemlich pleite und kann mir keinen Profi leisten. Daher hoffe ich hier auf Rat, um mir dann selber zu helfen. Möglichst auf Daschbord oder Customizer Ebene. HTML kann ich nicht. Danke!

  • dann könntest du auch so fair sein und die Lösung für andere Suchenden hier posten.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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