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?
Header Bild bei Theme Snaps
-
-
- 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)
-
Ohne Link zur Seite ist Hilfe kaum möglich.
-
-
In der Theme-Demo verhält sich der Header genau so wie von Dir beschrieben, daher gehört das wohl so. Support für das Theme kann man lt. Homepage beim Hersteller bekommen/kaufen, aber das Theme ist nebenbei bemerkt sehr alt (2015!), es wird daher wohl keine Updates dazu geben.
-
Danke, dann wird das Bild erstmal verändert.
-
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:
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.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!