Popup auf mobile ausblenden

    • 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

  • theoretisch könnte man mit dem passenden CSS media querie den Div mit der ID "ppm-popup-1762" auf display none setzen.

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

  • nicht, wenn du den passenden media querie wählst.

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

  • Welche width hat denn dein mobiles Gerät? Wenn es mehr als 479px hat, siehst du das Popup natürlich.

    Ich finde übrigens keinen passenden Code in deinem CSS. Wo genau hast du es eingefügt?

    Edit: ich sehe gerade, dass du

    Code
    @media only screen and (min-width: 480px) {
    #ppm-popup-1762{ 
    display: none; 
    }


    innerhalb eines anderen media-queries eingegeben hast. Und du schreibst auch min-width anstatt max-width. Das kann so nicht funktionieren. Korrigiere das mal.

    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]

    Einmal editiert, zuletzt von SirEctor (27. August 2017 um 18:39)

  • Danke für deine Hilfe!! Das mit min und max versteh ich soweit, aber wie meinst du mit "inmerhalb eines anderen media-queries"?

    Habs jz mal so versucht:

    Media only screen and (max-width: 0px) {
    #ppm-popup-1762{
    display: none;
    }

    Leider ohne veränderung auf der Seite :/ als device nutz ich ein iPhone SE, falls dies relevant ist.
    Kann es sein dass dieses Media schon von grundauf falsch ist?

    Leider ist das alles neuland für mich, und schwer nachzuvollziehen! Deßhalb bin ich unendlich dankbar für eure Hilfe :)

    Einmal editiert, zuletzt von lukikrew (27. August 2017 um 21:38)

  • Das mit min und max versteh ich soweit, aber wie meinst du mit "inmerhalb eines anderen media-queries"?

    Habs jz mal so versucht:

    Media only screen and (max-width: 0px) {
    #ppm-popup-1762{
    display: none;
    }


    Ich sehe, dass du es nicht verstehst. Deine Anweisung gilt bis maximal 0px, also nie. Schreib mal "max-width: 769px", also bis maximal 769px.

    [COLOR=#333333]aber wie meinst du mit "inmerhalb eines anderen media-queries"?[/COLOR]


    Du hast einen media-query auf gemacht, dort Anweisungen notiert und auch wieder geschlossen. Dann hast du den o.g. media-query in den bereits vorhandenen geschrieben, also innerhalb dessen Klammern. Das ist falsch.

    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]

  • Danke!!!
    Hab den Fehler :)
    Aber eine Frage : heisst das, dass das Popup nun zb ab 769px angezeigt wird?

    Also bei :

    @media(max-width: 767px) {
    #ppm-popup-1762 {
    display: none!important;
    }}

    Klappt das ganze :) danke 1000x!

Jetzt mitmachen!

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