[Résolu] Modifier nombre de colonnes portfolio responsive Wordpress

Bonjour,

Je souhaiterais passer les vignettes (item) de mon portfolio wordpress de 1 colonne à 2 colonnes en responsive (480px par exemple).

J'ai essayé 2 solutions différentes, j'arrive à créer 2 colonnes mais les vignettes (item) restent les unes sous les autres au lieu de se suivre 2 par 2 (voir capture).

Solution essayée :

@media screen and (max-width: 480px) {
.item {
		columns: 2 !important;
	}
}

Merci de votre aide !

Adresse du site :
https://gddg.fr/portfolio/

WordPress 5.8.3 avec le thème Koncept et plugin Krown Portfolio


Modifié par Le_Grinch (27 Jan 2022 - 00:41)

Bonjour,

Avec aussi peu d'information, on répond forcément au hasard.

Display: flex; et flex-wrap: wrap; sur le conteneur des images devrait permettre de voir les images sur 2 colonnes dès que le conteneur sera assez large pour ça, et à condition qu'il ne soit pas trop large car alors il y aura 3 colonnes ou plus.

A priori, pas besoin de @media.

Par contre, il y aura surement d'autres ajustements à faire en fonction du contexte (la largeur du conteneur va de combien à combien ? varie-t-elle en fonction de son contenu ? ou varie-t-elle en fonction de la largeur de son parent ? ou en fonction d'autre chose ? les images ont-elles une largeur fixe ou variable dans un certain intervalle ou complètement variable ?)

Amicalement,

En fait je souhaiterais avoir 2 colonnes et non 1 pour les formats "smartphones".

(toujours avoir 2 colonnes au minimum et non 1 seule)

Merci de votre retour

Bonjour,

Merci d'avoir regardé, effectivement cela me paraissait un peu complexe.
Je vais rester sur cette configuration.

Bonne journée