Solved: Coupure du titre en version mobile

Vega1 · ‎03-02-2018

Bonjour,

J'utilise le thème Birdeye (One page navigation) et lorsque je visualise mon site en version mobile, un mot dans le titre du site se retrouve sur deux lignes. Il est censé être « full responsive », alors je ne comprends pas ce qui se passe. Tous les autres titres sont corrects.

Merci pour votre aide!

Adam7 · ‎03-07-2018

D'accord. Essayez de changer le code à ceci:

<style>
	@media screen and (max-width: 480px) {
		h2, .wsite-content-title
		{
			word-wrap: normal !important;
			font-size: 25px !important;
		}
	}
</style>

View Best Answer >

Adam7 · ‎03-13-2018

Il semble que certains styles utilisés par la boîte de couleur causent des problèmes. Vous voudrez peut-être contacter le développeur de l'application pour voir s'il a une solution.

View Best Answer >

Bernadette3 · ‎03-02-2018

Salut, Pouvez-vous s'il vous plaît poster un lien vers votre site web pour que nous puissions le tester? Merci beaucoup!

Vega1 · ‎03-05-2018

Voici le lien vers le site (pas encore terminé) :

http://www.alteregoservices.ca/

Merci!

Adam7 · ‎03-05-2018

Quel titre est placé sur deux lignes?

Vega1 · ‎03-05-2018

Bonjour Adam,

Le mot Administratifs dans le titre du site www.alteregoservices.ca.

Merci

Adam7 · ‎03-06-2018

Merci de clarifier. Je pense que c'était un bug qui était présent dans le thème au moment où vous avez fait le thème personnalisé, donc quand nous l'avons corrigé, ce correctif n'a pas été ajouté à votre thème personnalisé.

Si vous ajoutez ce code à Paramètres> SEO> Code d'en-tête, il doit le corriger sur le site en ligne.

<style>
	@media screen and (max-width: 480px) {
		h2, .wsite-content-title
		{
			word-wrap: normal !important;
			font-size: 48px !important;
		}
	}
</style>

Vega1 · ‎03-07-2018

J'ai inséré le code. Le texte est maintenant sur une ligne sauf qu'il se s'adapte pas à la version mobile (on ne voit pas adminitratifs et tranquilité au complet.

Merci!

Adam7 · ‎03-07-2018

D'accord. Essayez de changer le code à ceci:

<style>
	@media screen and (max-width: 480px) {
		h2, .wsite-content-title
		{
			word-wrap: normal !important;
			font-size: 25px !important;
		}
	}
</style>

Vega1 · ‎03-07-2018

Super, ça fonctionne!

Merci beacoup

Adam7 · ‎03-07-2018

Heureux de vous aider!

Vega1 · ‎03-09-2018

Bonjour,

J'ai encore un petit problème... J'ai ajouté un bloc avec de la transparence dans le titre du site (le titre était illisible en version mobile) et le mot esprit déborde.

Merci!

Bernadette3 · ‎03-10-2018

Bonjour. À quelle page avez-vous ajouté le bloc de couleur?

Vega1 · ‎03-10-2018

Bonjour,

À la page d'accueil.

Merci

Bernadette3 · ‎03-10-2018

Oh, je vois ce que tu veux dire maintenant. Je suppose que ça a quelque chose à voir avec le code, et peut-être qu'Adam peut jeter un coup d'œil quand il entrera demain pour toi. Merci pour votre patience!

Vega1 · ‎03-13-2018

Bonjour,

Puisque que je n'ai pas de nouvelles, est-ce qu'il est préférable que je fasse une nouvelle demande compte tenu que le billet était considéré comme résolu?

Merci

Adam7 · ‎03-13-2018

Il semble que certains styles utilisés par la boîte de couleur causent des problèmes. Vous voudrez peut-être contacter le développeur de l'application pour voir s'il a une solution.