Header-Bild in Mobilansicht entfernen

Devon · February 21, 2017 at 12:22 PM

Hallo!

Ich bin gerade dabei ein kleines Design für mich selbst zu erstellen. Dafür ist im Header ein Bild hinterlegt welches ich gerne in der mobilen Ansicht (oder eben bei kleinerer Auflösung) ausblenden will. Wie ist dies möglich?

Grüße

Gino Zantarelli · February 21, 2017 at 11:00 PM

Du müßtest schon angeben wo du das Bild im header eingefügt hast, sonst kann Dir auch keiner Schreiben wie es Mobil entfernt werden kann.

Eigentlich für den Mobilmodus background-image: none; nutzen...

Gino

Devon · February 22, 2017 at 10:24 AM

Quote from Gino Zantarelli

Du müßtest schon angeben wo du das Bild im header eingefügt hast, sonst kann Dir auch keiner Schreiben wie es Mobil entfernt werden kann.

Eigentlich für den Mobilmodus background-image: none; nutzen...

Gino

Code

.pageHeaderFacade > .layoutBoundary {
    background-image: url('urlbla.de');
    background-repeat: no-repeat;    
    background-position: center top;
}

Meinst du das?

Gino Zantarelli · February 22, 2017 at 12:55 PM

genau das meinte ich, jetzt weiß man ja WO du dein Bild eingebaut hast.

Das sollte für den Mobilmodus & tablets folgender Code sein:

Code

@include screen-md-down {
.pageHeaderFacade > .layoutBoundary {
    background-image: none;
}
}

Gino

Participate now!