Twenty Seventeen, Featured Image nur für Mobile ausblenden

    Hallo zusammen,

    Ich habe bei statischen Seiten jeweils ein Featured Image. Diese werden auch beim Computer schön angezeigt. Allerdings hätte ich diese gerne ausgeblendet, sobald ich mit einem Mobile-Gerät die Webseite aufrufe. Folgenden Code habe ich unter CSS (erweitert) eingegeben. Damit werden diese Beitragsbilder leider auch bei der Computer-Ansicht ausgeblendet. Was mache ich hier falsch?


    [size=14]@Media screen and (min-width: 30em) {

    }
    .single-featured-image-header {

    display: none;
    }
    [/SIZE]

    • 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 solltest statt min-width eher max-width: 900px verwenden (den Breakpoint kannst du selbst wählen) .

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

    Hallo Maxe,
    Vielen Dank für Deine Hilfe. Ich habe inzwischen mit verschiedenen Werten (min oder max) und Pixel-Angaben gespielt.
    Damit ist es mir jedoch nicht möglich, sämtliche Beitragsbilder auf meinem Mobil-Telefon komplett auzublenden.
    Was mache ich falsch? Hast Du vielleicht eine Idee? Gruss Martin

    Gib mal einen Link zum Blog.

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

    Das ist der Link: *****

    Hier geht es nicht um das Header-Video, sondern um das Beitragsbild weiter unten.
    Beitrag: Meine Hobbys. Darüber ist ein Platzhalter-Bild (Beitragsbild). Ich habe es bis jetzt nicht geschaft,
    die Darstellung dieses Bildes auf einem Mobile zu unterbinden. Viele Grüsse, Martin

    Einmal editiert, zuletzt von Joseph (24. Februar 2020 um 11:54)

    Versuche mal folgendes im Customizer unter Zusätzliche CSS einzufügen:

    CSS
    @media only screen and (max-width: 600px) {
    #panel2 .panel-image {
        display: none;
    }
    .panel-content .entry-header {
        margin-bottom: 1.5em !important;
    }  
}

    Den margin-bottom kannst du natürlich nach belieben verändern - (im Code ist 4.5em)
    Ebenso ab welcher Breite das Bild ausgeblendet werden soll ;-)

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

    Wo genau finde ich denn Featured Images?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/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