Support » Themes » Twenty seventeen, parallax auf mobilgeräten

  • Hallo.
    Warum ist auf Handys der parallaxe Effekt in der horizontalen Bildschirmgröße deaktiviert? Sobald ich es längs halte oder auch ein Tablett nutze geht es wie es soll.

    Ich finde leider nichts selbst im css oder auch im customize was eine Mindestbildschirmbreite angibt für den Effekt.

    Hatte jemand das Problem schon mal und auch eine Lösung dafür?
    Es sind noch keine plugins installiert.

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Hallo,
    wenn du dann noch die URL oben einträgst, dann können wir uns das auch zunächst im Frontend ansehen und dir sicher besser helfen.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
    Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

    Viele Grüße
    Hans-Gerd

    Thread-Starter christoph82

    (@christoph82)

    Hallo Hans-Gerd.

    Ich poste mal die originale Themenseite. Dort ist es auch so, das sich das theme auf mobilen Geräten nicht parallax verhält. Auch hier reicht ein drehen des Handys bei mir aus um die Eigenschaft zu haben.

    Irgendwo muss das ja definiert sein. Nur wo. 😬

    https://de.wordpress.org/themes/twentyseventeen/

    Hallo,
    nun ja: besser wäre hier ein Link zu deiner Website gewesen.
    Daher nun allgemeine Hinweise: Der Parallax-Effekt hängt mit der Property background-attachment: fixed zusammen.
    Weitere Informationen dazu findest du z. B. auf den folgenden Seiten:

    Zum Problem im Zusammenhang mit WordPress-Instanzen habe ich vor längerer Zeit einen Beitrag geschrieben.

    An dieser Stelle möchte ich aber noch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu, auch wenn wir je nach Zeit mal entsprechende Tipps geben.
    Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier. Hier noch ein Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum.

    Viele Grüße
    Hans-Gerd

    Warum ist auf Handys der parallaxe Effekt in der horizontalen Bildschirmgröße deaktiviert?

    Weil es sonst komisch aussehen würde?
    Weil die Entwickler das so entschieden haben.
    Weil … isso. 🙂

    Als Anwender solltest du ein Theme testen und wenn es zuviele Dinge gibt, die dich nerven, auf ein anderes Theme wechseln. Du bekommst die Themes kostenlos zur Verfügung gestellt – so, wie sie sind.

    Ich finde leider nichts selbst im css oder auch im customize was eine Mindestbildschirmbreite angibt für den Effekt.

    Das lässt sich mit den Entwicklertools des Browsers schnell herausfinden:

    • Entwickler-Tools öffnen (Taste F12)
    • Bildschirm so verkleinern, dass das Beitragsbild ohne Parallax-Effekt angezeigt wird.
    • Bildschirm vergrößern, bis Parallax-Effekt auftaucht und nach Veränderungen in den Angaben zu verwendetem CSS suchen. Dabei fällt auf:
      @media screen and (min-width: 48em) {
        .background-fixed .panel-image {
          background-attachment: fixed;
        }
      }

    Also wird im Stylesheet eine Media Query verwendet, die ab einer Bildschirmgröße von 48em (umgangssprachlich: dem 48fachen der Weite des Buchstaben „m“ entspricht) verwendet wird.

    Du möchtest den Parallax-Effekt ab „0 Pixel“ Breite (anders ausgedrückt: immer)?

    @media screen and (min-width: 0) {
      .background-fixed .panel-image {
        background-attachment: fixed;
      }
    }

    in einem Child-Theme einfügen.

    Allerdings ist dann die Media-Query etwas sinnfrei, weshalb wir das auf

    .background-fixed .panel-image {
      background-attachment: fixed;
    }

    kürzen können. 😀

    Übrigens …

    Wenn du mit dem Theme – so wie es ist! – nicht zurecht kommst, ist das eine Frage für den Anwendungssupport. Wenn du aber Fragen zu CSS hast, zu den Entwicklertools des Browsers, Änderungen am Theme vornehmen möchtest, dir aber dazu das Wissen fehlt, ist das alles eher nicht eine Frage für den kostenlosen Support hier. Wir helfen aber trotzdem gerne aus, soweit es die Zeit erlaubt.

    Die Bitte um mehr Informationen zur Website ist durchaus gerechtfertigt. Neben dem Theme gibt es noch diverse andere „Parameter“, die für das Layout deiner Website verantwortlich sind und bevor man leichtfertig eine falsche Antwort gibt, fragt man diese Parameter lieber erst einmal ab. Wir machen das nicht, um Anwender/-innen zu maßregeln, sondern weil sonst oft auch eine qualifizierte Hilfe gar nicht möglich ist.

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Twenty seventeen, parallax auf mobilgeräten“ ist für neue Antworten geschlossen.