Support » Themes » Responsive Layout beim Oceanwp-Theme

  • Gelöst alex818

    (@alex818)


    Hallo,

    ich nutze das oceanwp-Theme und habe ein Problem mit dem Layout auf Smartphone und Tablet Größe (bzw. das Theme hat das Problem).

    Ich möchte ein Bild linksbündig in einen Text einbinden. (Also so, dass der Text neben dem Bild erscheint.) Das funktioniert auch ganz normal, aber nur wenn der Bildschirm auf Desktopgröße ist. Sobald man den Bildschirm verkleinert (auf Tablet oder Smartphonegröße) verschiebt sich der Text unter das Bild. Er sollte aber eigentlich neben dem Bild bleiben, so wie es normalerweise der Fall ist. Manchmal bleiben auch die ersten drei Wörter neben dem Bild und nur der Rest verschiebt sich nach unten.

    Kennt jemand das Problem vielleicht oder hat eine Lösung dafür?

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Moderator Bego Mario Garde

    (@pixolin)

    Bei fast 6.000 frei erhältlichen WordPress-Themes ist die Chance, dass deutschsprachige Anwender das gleiche Theme verwenden, die gleichen Layout-Probleme haben, deine Frage lesen und gerne eine Lösung teilen, nicht besonders hoch. Deine Chancen auf eine Antwort verbessern sich, wenn du direkt im Support-Forum des Themes fragst:

    https://wordpress.org/support/theme/oceanwp

    Hätte ja sein könnten, dass sich das mit einem einfachen CSS-Code lösen lässt.

    Moderator Bego Mario Garde

    (@pixolin)

    Sowas schaue ich mir auch grundsätzlich immer gerne mal rasch an … vorausgesetzt, es wurde auch ein Link zu einer Website genannt. Darauf weisen wir ausdrücklich hin.

    So müsste ich jetzt erst einmal das Theme selber installieren, dein Problem nachvollziehen, eine Lösung erarbeiten und sie dann mitteilen und dazu habe ich jetzt im Moment – sorry! – keine Lust.

    ¯\_(ツ)_/¯

    Absolut verständlich. Mein Fehler, Sorry.

    Hier der Link zu einer Testseite die das Problem darstellt.

    Moderator Bego Mario Garde

    (@pixolin)

    Füg mal im Customizer unter Zusätzliches CSS folgendes ein:

    @media screen and (max-width: 959px) {
    .alignleft { float: left; }
    }

    Danke!!! Hat funktioniert.

    Sie sind der Beste. Vielen Dank!

    Moderator Bego Mario Garde

    (@pixolin)

    Also … 

    1. Links mit angeben hilft.
    2. Wir verwenden hier (wie in Open Source Communities üblich) das respektvolle „du“.
    3. Wenn der Thread gelöst ist, kurz als „gelöst“ markieren. Dann wissen die anderen bescheid, dass sie hier nichts mehr tun müssen.
    4. Viel Spaß. 🙂
Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Responsive Layout beim Oceanwp-Theme“ ist für neue Antworten geschlossen.