nombre de colonnes en fonction de la taille ecran

Bonjour,

Est-il possible que le nombre de colonnes affichant les produits ou les catégories s'adapte en fonction de la taille écran. Je voudrais au moins une étape intermédiaire entre le nombre de colonnes que j'ai choisi dans les paramètres et le moment ou elles passent les unes sous les autres.
Merci pour votre aide

Bonjour,

C'est possible en ajoutant à votre template du CSS spécifique en utilisant la commande @media sur les span/div de vos listings :
developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

Merci,
Je me penche sur la question

C'est surement la bonne solution mais je dois mal m'y prendre . Avec le code suivant, la première ligne de colonne s'adapte bien à la taille de l'écran mais je n'arrive pas à aligner les colonnes suivantes (qui correspondent au reste du paramètre nbre de colonne de l'affichage des catégories) sur la même ligne. Elles apparaissent l'une en dessous de l'autre.
L'affichage reprend ensuite correctement pour la seconde ligne

.hikashop_container
{
margin:0px !important;
}

@media screen and (max-width: 768px)
{
.thumbnails li
{
width:100px !important;
float:left !important;
margin-right:10px !important;
}
}

Merci pour ton aide

Le CSS exact à ajouté dépend de comment est fait le template et comment le listing est configuré. Je ne peux pas donner d'aide sans voir le résultat sur la page correspondante du site.

J'ai fait plusieurs essais sans réussir exactement la mise en page que je souhaite mais j'y reviendrai plus tard lorsque le site sera en ligne. Je pourrai alors partager plus facilement mes petits soucis...
En attendant merci

avec un simple display:inline-block (sans float left ) c'est du caoutchouc sans @media , il ne faut pas indiquer de nombre auxcolonnes
voir ici ymalaya.com/test/inlineblock/