Cacher les facettes (tri par case à cocher) en affichage sur smartphone

Concerne
  • Bazar (formulaire)
  • Graphisme, mise en page
Complexité Facile
La réponse L'affichage facette actuel ne se prête pas bien à l'utilisation sur smartphone. Les cases à cocher pour le tri prennent souvent trop de place ;-(. Par défaut elles se placent au-dessus ou au-dessous des fiches.

Dans l'attente d'un affichage smartphone compatible, il est possible de cacher les champs de tri d'une page avec facette lorsqu'elle est affichée sur un petit écran en plaçant sur la page concernée ce bout de code :
Ce code est à adapter si votre colonne de facette est différent de 3.

""<style>
@media screen and (max-width: 720px) {
  .facette-container .col-xs-9 {
     width:100%;
  }
  .facette-container .col-xs-3 {
     display:none;
  }
}
</style>""