Gestion des styles en mode responsive

Bonjour

Je ne parviens pas à appliquer uniquement certaines règles CSS pour l'affichage en mode responsive pour les mobiles. J'essaye de le faire directement via l'interface "responsive" en sélectionnant : mobile, téléphone (portrait).

Lorsque je modifie les règles CSS ici

 

Les modifications CSS sont répercutées également dans l'interface générale de TC.

Par exemple, je change la taille de la police pour le titre du module dans le mode téléphone, la taille de la police est changée aussi en mode général (ordinateur).

Ai-je fait une erreur ? Est-il possible via l'interface d'effectuer ces ajustements de règle ou doit-on passer via le code CSS responsive ?
Ou doit-on pour les différents modes responsive (téléphone, tablette, ordinateur), introduire les règles CSS qui changent ?

Par exemple pour le titre du module (new1):
- télephone : titre module --> font-size:1.0rem
- ...
- tablette : titre module --> font-size:1.1rem
- ...
- Ordinateur : titre module --> font-size:1.2rem

et effacer les règles correspondantes dans l'interface générale.

Ou dois-je comme pour le logo créer d'autres positions, par exemple dans notre cas ci-dessus, créer une deuxième position pour le module new1 (avec d'autres règles CSS), et l'afficher ou pas en fonction du mode responsive choisi ?
 
logo 1 --> affichage ordinateur
block1 --> affichage téléphone

Merci

TC version 5.5.6
Joomla 5.3.0

Salut
tu dois pouvoir définir une taille de titre spécifiquement par résolution
je viens de retester chez moi et ça fonctionne comme prévu
contacte moi par email avec un accès admin, je vais voir ce qu'il se passe
CEd

Bonjour

Voilà

tu dois pouvoir définir une taille de titre spécifiquement par résolution

donc, je devrais mettre une taille différente pour la police du titre dans chaque écran de "mobile, téléphone" , "mobile, tablette" et effacer la police dans l'écran général ou on peut laisser le paramètre là ?


Merci

je viens de tester, ça marche sans souci !
icone Mobile >> choix phone portrait >> edition toolbar orange "news1" >> titre du module >> Texte >> taille du texte
j'ai mis "0.5rem" pour bien voir la différence
je suis sorti du mode mobile, ou revenu simplement à la résolution ordinateur. La taille du titre change en fonction de la résolution
j'ai enregistré mes modifs pour que tu vois

PS : j'ai enlevé la largeur fixe de 1400 px que tu avais mis sur ce module

Merci.

Je viens de changer la taille du titre (1.0rem) pour chaque module (new) dans le mode téléphone (portait), et la taille du titre du module a été modifiée également en mode ordinateur.

Voir en ligne. Problème de cache ?

déjà je vois que tu as remis la largeur de 1400px sur "news1" ? pourquoi ? ça casse complètement le layout

ce que je vois en front :
- sur ordi et autres résolutions : taille 1.2rem
- sur telephone portrait max 524px : taille 1.0rem

donc ça fonctionne
et ça correspond aux réglages du template

donc si tu n'as pas cela, tu as peut etre un souci de cache sur ton navigateur
essaie un autre navigateur pour voir