A condition que le template en soit capable. Je testerai à l'occasion.
Je dois dire que je ne suis pas toujours à l'aise avec les subtilités du CSS...
Masquer un module sur un smartphone
Réduire
X
-
si c'était pour décaler la colonne gauche, alors tu pouvais par simple css utiliser la propriété order dans des mediaqueries
La propriété order définit l'ordre avec lequel on dessine les éléments d'un conteneur d'éléments flexibles ou d'une grille d'éléments. Les éléments sont appliqués dans l'ordre croissant des valeurs de order. Les éléments ayant la même valeur pour order seront appliqués dans l'ordre selon lequel ils apparaissent dans le code source du document.
Laisser un commentaire:
-
Le fichier index embarque une version 3.3.6 de Bootstrap (min.css), si je me souviens bien, et j'ai tenté de charger une version 5 sans succès.
Cela dit, avec une simple astuce sur ce vieux template, je peux décaler la colonne gauche sous la partie principale, testé sur une copie.
Mais mon mandat est terminé.
Laisser un commentaire:
-
il s'agit peut être de la manière dont ton template rends tes modules :
une piste : https://stackoverflow.com/questions/...ck-not-working
sinon, vérifie la version de bootstrap qui est chargée.
Laisser un commentaire:
-
Bonjour,
Finalement, la cliente n'a pas voulu de ce masquage.
Je confirme : le code d-none d-sm-block apparaît bien dans le html, mais n'est pas interprété par le template, et donc le module reste affiché, quand il est bien masqué avec Cassiopeia.
Laisser un commentaire:
-
Helloo
Comme l'a suggéré tataye le site utilisant Advanced Modules Management, une règle excluant l'affichage sur les templates est aussi simple. Rien ne dit d'ailleurs que la propriétaire du site acceptera que ce module soit masqué sur les petits écrans.
Fred2FR3 : Joomla a toujours utilisé les noms de classes sans point au début, tout comme dans le code généré de n'importe quelle page html.
Et en l'occurrence, le site concerné n'utilise pas Cassiopeia mais un très vieux template patché.
Laisser un commentaire:
-
Reconnaissons là un des délires de Joomla avec cassio qui n'utilise pas le natif de BS.
Il aurait été si simple de ne pas modifier BS afin que les users bénéficient de la doc officielle de ce dernier qui "elle est a jour" et permettrait de belles personnalisations. J'ai jamais compris ...
[trool]Ha si, j'ai une lueur de lucidité, c'est que pour les devs se fassent de la tune et verrouiller l'utilisateur lambda.[/trool]
On aura la doc j4, j5 quand j6 sortira "peut être".
AmicalementDernière édition par Fred2FR3 à 24/09/2024, 21h51
Laisser un commentaire:
-
Robert, essaye de voir avec ce codeCode HTML:d-none d-sm-block
Laisser un commentaire:
-
s'il s'agit du site auquel je pense, ne t'embete pas : utilise les conditions de regular labs
Laisser un commentaire:
-
Le cache est vidé automatiquement par Cache Cleaner. Je soupçonne le vieux template.
Laisser un commentaire:
-
Envoyé par RobertG Voir le messageIl faudra que j'essaie sur un autre site, celui testé utilise un template bricolé, la suppression des points a supprimé l'erreur et bien enregistré mais n'a pas d'effet sur mon smartphone
Pense a vider le cache pour ce genre de manip (site et navigateur)Dernière édition par Fred2FR3 à 24/09/2024, 18h52
Laisser un commentaire:
-
Il faudra que j'essaie sur un autre site, celui testé utilise un template bricolé, la suppression des points a supprimé l'erreur et bien enregistré mais n'a pas d'effet sur mon smartphone
Laisser un commentaire:
-
Bonsoir Robert,
Peut-être les points devant le nom des classes. Ils ne sont nécessaires que dans les feuilles de style, pas lors de l'appel.
Sinon en module perso, j'en ai un qui le charge uniquement si mobile au lieu d'un masquage CSS
Laisser un commentaire:
-
Masquer un module sur un smartphone
Bonjour,
J'ai voulu tester le masquage d'un module sur smartphone.
Dans la classe du module (personnalisé), j'ai ajouté (origine doc Boostrap https://getbootstrap.com/docs/5.1/ut...iding-elements)
.d-sm-none .d-md-block
Champ invalide: Classe du module
Merci !Dernière édition par RobertG à 29/09/2024, 11h20Tags: Aucun
Annonce
Réduire
Aucune annonce pour le moment.
Laisser un commentaire: