Hallo Zusammen,
ich war in der Annahme, dass Woltlab responsiv arbeitet. Nun wird das Headerbild auf meinem Laptop an den Seiten abgeschnitten und das würde ich gerne ändern.
Auf dem Handy verschwindet es ganz - das finde ich nicht so schlimm, aber an verschiedene Monitorbreiten sollte es sich doch schon anpassen.
Kann mir jemand sagen, wie ich das ändern kann?
Bin noch Anfänger in diesem Bereich und bin für jede 
Hilfe dankbar
Ein Link zur Seite könnte hilfreich sein.
Gruß norse
Hallo Norse,
danke, dass Du Dich meinem Problem annimmst. Leider habe ich es bis jetzt nicht hinbekommen, aber vielleicht kannst Du mir helfen
Hier der Link zu unserer Seite:
Funktioniert doch?!
Funktioniert doch?!
Ich denke, es wird Hintergrundgrafik im Header gemeint, die bei schmaleren Auflösungen in der Breite nicht mehr komplett dargestellt wird.
Das geht nicht, weil das Bild im Hintergrund viel zu schmal ist:
Es müssten noch etliche CSS-Anpassungen vorgenommen werden, damit das einigermaßen vernünftig aussieht.
Ups, also das Headerbild ist zu schmal und deswegen werden die Seiten beim kleineren Bildschirmen abgeschnitten?
Da dachte ich eher, dass es zu breit ist 
Es müssten noch etliche CSS-Anpassungen vorgenommen werden, damit das einigermaßen vernünftig aussieht.
Das Wort "etliche" verschreckt mich ein wenig. Da bin ich wohl zu naiv an die Sache rangegangen. Ich war der Meinung und hatte es so gelesen und verstanden, dass Woltlab responsiv ist.
Da sich das ja gemäß deinem Wunsch proportional verkleinern bzw. vergrößern soll, schon.
In welcher Größe müsste ich es den anlegen? Hatte dazu nichts konkretes gefunden und alle, die auch ein Headerbild nutzen haben Größen von 2000 Pixelbreite genommen
Die Breite ist weniger das Problem, als die Höhe, wie du meinem Screenshot auch entnehmen kannst.
Ändere cover in contain und verdopple die Höhe in 2560 x 500 Pixel oder so, dann sollte es passen. Und position in center ändern.
Genau. Der Trick dürfte hier wirklich die Verdoppelung der Bildhöhe sein.
Trick 27 ☝️
denn bei mir verändert sich die Höhe des Headers nicht, wenn ich die Seite zusammen ziehe
Weil das bei dir auf cover steht.
Hier:
#pageHeaderFacade {
background-image: url(../images/style-5/custom/Headerbild-black2.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}cover-> contain
top center->center
Prima danke versuche es noch mal
Don’t have an account yet? Register yourself now and be a part of our community!
