Affichage du sous-titre en version mobile avec les nouveaux thèmes

mcratie

mcratie

Messages : 7
Inscrit le : 05/03/2015 22:22

Bonjour,
Dans les nouveaux thèmes (j'utilise "Terres d'Asie"), le sous-titre du site (défini dans Configuration -> Réglages -> Infos sur le site) ne s'affiche pas en version mobile.
Or, mon fournisseur m'impose de spécifier mes coordonnées en en-tête de mon site https://www.minceur-forme.fr , en plus du nom de ma boutique (Boutique Minceur-Forme) et du logo (Membre indépendant Herbalife Nutrition) déjà affichés en haut à gauche de chaque page de mon site.
J'ai déjà tenté de tout écrire (le nom de la boutique + mes coordonnées) dans le titre du site, mais la ligne est trop longue et provoque un "scroll" horizontal en version mobile.
J'ai également tenté de l'ajouter sous forme d'image, mais le rendu n'est pas propre.
En l'écrivant en haut de page via Configuration -> Réglages -> Zones Editables , la ligne cache une partie du logo, même avec un alignement à droite.
L'un de vous saurait-il comment forcer l'affichage du sous-titre en version mobile ?
Ou bien comment faire en sorte que le titre s'affiche automatiquement sur plusieurs lignes (à la fois sur ordinateur à côté du logo pour un aspect plus propre, et sur mobile sous le logo), afin d'éviter le scroll horizontal sur mobile ?
Je vous remercie par avance de votre aide,
Bonne journée,
Marie-Céline

overflo

overflo

Messages : 57
Inscrit le : mercredi, 10 août 2022

Re salut ;)

Avec ce code, ça devrait forcer le sous-titre à s'afficher sur mobile :


.brand-subtitle.d-none {
display: block !important;
white-space: initial;
}


A ajouter encore dans le CSS de votre thème ("Configuration -> Apparence -> Experts -> CSS").

mcratie

mcratie

Messages : 7
Inscrit le : jeudi, 05 mars 2015

Re-bonjour overflo,
Avec ce code le sous-titre s'affiche parfaitement bien en version mobile, c'est parfait !
Merci beaucoup,
Marie-Céline