[RÉGLÉ] Surcharge de blog.php pour utiliser grid

[schtroumph]

Salut

J'ai un affichage blog avec 3 colonnes. Mais je me suis rendu compte que le responsive n’était pas vraiment bien. En effet, avec les largeurs au-dessus de 800px ça va, mais avec celles en dessous ça reste en 3 colonnes jusqu’à 768px et après c'est sur une seule colonne. Alors que ça pourrait être sur deux colonnes jusqu’à 524px et ensuite passer a une seule.

J'aimerais donc utiliser grid avec la fonction minmax() et en particulier :

grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));

Comme ça le nombre de colonne change automatiquement suivant la largeur.

Je voudrais donc faire un surcharge de blog.php, mais au niveau du code je ne sais pas comment faire.

Joomla 3.9.23

[manu93fr]

Bonsoir,
un lien vers la vue qui de ton point de vue déconne ?

[schtroumph]

Étant en local j'ai fait une installation " bidon " : www.problemes.nenex-argazkia.net

C'est donc les galeries photos fait avec des articles avec un affichage blog.

[manu93fr]

Bonsoir,
Le souci vient de ta personalisation de protostar ... c'est sur car avec le protostar d'origine, ça fonctionne

http://www.problemes.nenex-argazkia.net/?template=protostar

[schtroumph]

Je ne dit pas que ça ne fonctionne pas, mais que ça pourrait être mieux . Quant je diminue la largeur de mon navigateur à 767px la galerie est sur une seule colonne, alors qu'elle pourrait être sur deux. C'est pour ça que j'aimerais utiliser auto-fit et minmax.

[manu93fr]

Je ne dit pas que ça ne fonctionne pas, mais que ça pourrait être mieux . Quant je diminue la largeur de mon navigateur à 767px la galerie est sur une seule colonne, alors qu'elle pourrait être sur deux. C'est pour ça que j'aimerais utiliser auto-fit et minmax.

Je pense qu'on ne se comprend pas ... as tu regardé ton site sur smartphone avec ton template "perso" et le template d'origine (protostar)
Il y a un gros bug avec le "perso" sur les blocs des galeries et différents petits éléments

http://www.problemes.nenex-argazkia.net/

http://www.problemes.nenex-argazkia....late=protostar

Il faut peut être regarder dans tes personnalisations ce qui a produit ce comportement

[schtroumph]

En fait j'ai vérifié en rétricissant la largeur de mon navigateur. En regardant sur mon téléphone, effectivement c'est impec avec le template d'origine.

Je pense avoir trouvé. J'ai mis ce code :

.blog .row-fluid .cols-3 {
    width:33.33%;
}

Et c'est là que j'ai tilté. Les blocs reste a 33.33% quelque soit la largeur du support ! Pour avoir ce que je veux il faut que je vire mon code et que je modifie la largeur de cols-3 avec media queries.