Zwei Bilder in Elementor auf Mobilen geräten nebeneinander statt untereinander

  • Hallo zusammen,

    ich hätte gerne auf dieser Seite https://outfit.trendline-freyung.de/stylebox-konfigurator/ das Männchen und das Weibchen so angeordnet, dass auch auf Mobilgeräten beide Symbole nebeneinander erscheinen. Elementor bricht jedoch unter einer bestimmten Pixelbreite die divs um, und diese erscheinen untereinander.

    Gibt es da eine Elementor- oder CSS-Einstellung, die es mir erlaubt, ganz bestimmte div-Container immer nebeneinander anzuzeigen?

    LG!

    Chris

    Anbei ein Screenshot wie es in etwa auf dem Handy aussehen soll.

    • 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

  • Okay danke. Habe ich jetzt alles durchprobiert aber ich lande immer noch auf dem Handy bei einer Darstellung, die untereinander ist statt nebeneinander.

    Ich möchte eigentlich gerne

    Code
    { float: left; width: 50%; }
    { float: right; width: 50%; }

    probieren, aber zusätzliches CSS bei divs geht in meiner Elementor-Version leider nur mit kostenpflichtiger "Pro"-Lizenz.

    Was könnte ich noch versuchen?

    LG!

    Chris

  • Zwischenzeitlich wurde es offenbar über direkte Eingabe von Code in ein HTML Widget mit inline CSS gelöst.

    Alternativ kannst Du der entspr. Section einen CSS ID oder eine CSS Klasse geben und dann das gewünschte CSS in Design > Customizer > Zusätzliches CSS schreiben.

  • Entschuldigt meine späte Reaktion. Ja richtig ich habe es mit einem HTML Block gelöst. Danke trotzdem für alles.
    Ich wollte eigentlich einen Codeblock erstellen aber ich bin gerade nicht in Reichweite vom PC sondern am Handy. Deswegen die Lösung leider nur als Screenshot weil auf dem Handy die Kopierfunktion auf der Elementoradminoberfläche nicht funktioniert

Jetzt mitmachen!

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