Widget - Responsive für verschiedene Desktops

    Hi,

    ich möchte gerne Bilder über ein Widget einfügen und dieses

    für alle Desktop-Bildschirme responsive machen.

    Ich wollte mit Media Queries arbeiten und diese in den "Eigenen CSS"-

    Bereich des Feldes einfügen, dass ich danach als Widget speichere.


    Media only screen and (max-width: 1600px) {


    }


    Ich dachte, dass der Code alleine schon reicht, um dem Widget klar zu machen,

    dass es ab jetzt nur noch auf Geräten bis zu 1600px sichtbar ist. Hat nicht geklappt.

    Fehlt noch ein Befehl??


    Danke für Eure Hilfe

    • Gerade eben
    • 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 musst schon die widget Klasse ansprechen, wie sonst soll das funktionieren. Außerdem bedarf es dann ja auch noch einem display:none o.ä.

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

    Hab jetzt folgendes gemacht: klasse5 über Custom CSS definiert

    und anschließend die Bezeichnung klasse5 in den CSS-Bereich des Widgets eingesetzt.

    Aber auch +1600 Breite ist das Feld sichtbar.


    Custom-CSS:

    .klasse5: Media only screen and (max-width: 1600px) {


    display:none;
    }

    vielleicht lernst du erst mal ein paar Grundlagen des CSS, du fragst ja in letzter Zeit ziemlich häufig sowas. Hat ja sowieso nichts mit WordPress zu tun.

    Media only screen and (max-width: 1600px) {
    .klasse5{display:none;}
    }

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

Benutzerkonto erstellen Anmelden