Ich habe ein Bild welches ich im Header anzeigen lasse. Ich möcht gerne, dass das Bild nur in der Breite skaliert wird, wenn möglich soll das Bild in der Höhe gleich bleiben.
In der Mobilansicht sieht das super aus (in der Mobilansicht wird das noch um mind 60% kleiner):
In der Desktopansicht sieht man aber leider nur den Himmel.
CSS:
CSS
.pageHeader {
margin-left: auto !important;
margin-right: auto !important;
position: relative;
z-index: 300;
height: 300px;
background: url(/images/evkithes/thesa_mbg.jpg);
background-size: cover;
}
Wie bekomme ich das so hin, dass auch in der Normalversion das Bild so "gestreckt" wird, das man das komplette Bild sieht?
Nebenfrage: kann man statt der Pfadangbae auch eine Variable nutzen? Ich habe den Pfad ja schon in den Stileinstellungen angegeben.
Edit: Zur Liveasnicht geht es hier entlang: http://evkithes.falkenbann.info/