Bilder je nach Ansicht ausblenden?

[Manny]

Hi Leute,
ich bin gerade an meinem ersten Evo Template. Jetzt habe ich über die custom.css mit
#header-branding {
background: url("http://....jpg") center center no-repeat transparent;
}

eine Backroundgrafik im Header eingebunden. Das sieht auch super aus in der normalen Ansicht am PC usw. Die Grafik wird neben dem Logo angezeigt, so wie ich will. Jedoch in der Mobilen Ansich mit einem kleinen Gerät (Smartphone) wird nun dieser Hintergrundgrafik so verschoben, dass sie hinter dem Logo auftaucht. Gibt es einen Befehl ab einer gewissen Ansicht Größe eine Grafik einfach auszublenden?

VG
Manny

 

[martinwolf]

AW: Bilder je nach Ansicht ausblenden?

Responsive Web Design Media Queries

 

[Manny]

AW: Bilder je nach Ansicht ausblenden?

...

 

[Manny]

AW: Bilder je nach Ansicht ausblenden?

Habs hinbekommen. Für alle die am gleichen Problem hängen:

#header-branding {
background: url("...") center center no-repeat transparent;
}

@media screen and (max-width: 768px) {
#header-branding {
background: none;
}
}

Danke für die Hilfe martinwolf !!

LG
Manny

 

[ag-websolutions.de]

AW: Bilder je nach Ansicht ausblenden?

eine class="hidden-xs" hätte es aber auch getan 😉