Header-Bild in Mobilansicht entfernen

  • 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

  • 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 ;)

    - Wenn bei Dummheit & Arroganz Federn wachsen sollten, so würden hier einige wie Vögel durch die Luft fliegen -

    - Powerstylez.de -

  • 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? :)

  • 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 ;)

    - Wenn bei Dummheit & Arroganz Federn wachsen sollten, so würden hier einige wie Vögel durch die Luft fliegen -

    - Powerstylez.de -

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!