Spalten untereinander bei mobiler Ansicht

  • Hallo,
    folgendes Problem bekomme ich einfach nicht gelöst: Ich habe eine Startseite erstellt mit drei Spalten (Elemetor, OceanWP). Am PC sieht alles gut aus, aber bei der mobilen Version wird alles untereinander gesetzt, so dass die jeweils drei Bilder einzeln und riesig untereinander stehen anstatt klein nebeneinander. Da es dabei nur um die eine Seite geht, wollte ich eine Umleitung für die mobile Ansicht anlegen (WP Touch). Das klappt auch, aber auch hier immer nur einspaltig ... Hat jemand einen Tipp?
    Danke schonmal!

    • 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

  • gib mal einen Link zur Seite.

    [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]

  • Die Seite ist noch nicht offiziell online, nicht fertig und vieles noch nicht rechtlich geklärt. Deshalb möchte ich diesen Testserver noch nicht so gerne verlinken. Das Problem kann man aber auch hier schon sehen denke ich: http://www.design.voss-acker.de
    Die drei Bilder sollen auch in der mobilen Version nebeneinander stehen, hier also 2 Reihen a 3 Bilder.

  • Auf dem von dir genannten Beispiel ist das mit CSS möglich, ohne auf ungewünschte Nebenwirkungen geachtet zu haben ;-)
    Auch, da die Beispielsite eher leer ist.

    In den Zusätzlichen CSS (meist irgendwo im Customizer) folgenden Code einfügen:

    Code
    .elementor-column {
        width: 33%;
    }

    Bei unerwünschten Nebenwirkungen, entweder wieder löschen, oder den Selektor verfeinern.

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

  • ja, das würde funktionieren. Soll aber nur bei der Startseite so dargestellt werden. Kann man denn nur für die mobile Version eine eigene Startseite (also auch im Kopfbereich angepasst) anlegen? Dann wird es sicher zu kompliziert für mich Wordpress-Anfänger. Wenn ich die Tatsächliche Seite zeigen kann, werde ich diese auch mal verlinken. Dann kann man das Ganz sicher auch besser beurteilen.

  • für mich Wordpress-Anfänger


    ist das von dir gewählte Theme der Jackpot! Für den Einstieg zu viele Einstellungen.
    Dazu noch der Elementor.
    Da hilft nur - learning by doing!

    für die mobile Version


    ist das Theme mit dem Elementor sicher mehr als ausreichen. Man muß sich eben einarbeiten und die Logik von Wordpress, dem Theme und dem Elementor verstehen lernen. Um das responsive Aussehen ggf. noch anzupassen gilt genau das zuvor geschriebene auch. Grundsätzlich wird das Aussehen für mobile Geräte über die Media Queries definiert.

    Auch die 3 Zeilen von mir (oben) sollten nicht notwendig sein und mit dem Elementor eingestellt werden können!!

    Wenn du vom Beginn weg das Aussehen mit CSS hin biegst wird ggf. ein Problem auftauchen, das dadurch verursacht wird und du nicht weißt wieso das Theme oder der Elementor so reagiert.

    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!