1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Header Bild bei Theme Snaps

Dieses Thema im Forum "Design" wurde erstellt von BFaust, 15. Mai 2019.

  1. BFaust

    BFaust New Member

    Registriert seit:
    15. Mai 2019
    Beiträge:
    3
    Zustimmungen:
    0
    Hallo!
    Ich habe in das Theme Snaps im Header ein Bild eingefügt, welches sich in der mobilen Ansicht nicht anpasst/verkleinert, sondern links und rechts einfach abgeschnitten wird. Das sieht ziemlich unprofessionell aus.
    Kann mir hierzu bitte jemand helfen?
     
  2. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Ohne Link zur Seite ist Hilfe kaum möglich.
     
  3. BFaust

    BFaust New Member

    Registriert seit:
    15. Mai 2019
    Beiträge:
    3
    Zustimmungen:
    0
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
  5. BFaust

    BFaust New Member

    Registriert seit:
    15. Mai 2019
    Beiträge:
    3
    Zustimmungen:
    0
    Danke, dann wird das Bild erstmal verändert.
     
  6. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Dein Problem ist die feste Höhe in px deines Headers - zusammen mit der Festlegung, dass sich das Hintergrundbild an die Größe des Headers anpassen soll ( background-size: cover; ), führt das zu diese Abschneiden des Bildes, wenn die Proportionen (Höhe/ Breite) von Bild und Header nicht mehr passen.
    Du könntest folgendes testen:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Damit sollte sich die Höhe des Headers, in Abhängigkeit von der Bildschirmbreite, an die Proportionen des Bildes anpassen.
    Da ist allerdings auch noch eine MediaQuery im CSS, die bei kleineren Bildschirmen ebenfalls auf auf die Höhe zugreifen will - musst du testen, ob der Code oben schon reicht oder ob die MediaQuery auch noch überschrieben werden muss.
    Bitte den CSS Code in das zusätzliche CSS des Customizers - wenn es nicht klappt einfach wieder löschen.
     
    BFaust gefällt das.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden