Supprimer l'image du header sur le theme mobile/tablette

[favancini]

Bonjour,

 

J'aimerai savoir comment supprimer l'image du header de mon theme pour

mobiles et tablettes car il n'est pas adpaté.

 

Dans mon global.css, j'appelle l'image du header comme suit :

 

#header {
  background-image: url(../img/bckgrnd-header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 50px
  z-index: 5003; }

 

 

Par avance merci.

Edited February 3, 2015 by favancini (see edit history)

[Fre-do]

Salut

 

Je pense que les Media-queries devraient t'etre utiles :

@media only screen and (max-width:600px) {
#header {
display:none;
} 
}

(par exemple)

Edited March 16, 2015 by Fre-do (see edit history)

[Ariane Web et Plus]

Si tu veux juste que l'image ne s'affiche pas.

 

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

 

Aprés il faut jouer avec le max-width en fonction du type d'écran que vous souhaitez cibler.

[Baba deCode]

Bonsoir sinon une class bootstrap utile: 

class="hidden-xs"