Discussion :

[Gilles_75]

Bonjour

J'ai un souci de rendu responsive sur les Mobiles sur le site guideyourtrip.com
Le site est en français et anglais
Sur certains type de pages l'affichage de la Police de caractère n'est pas de la même grandeur suivant la langue
Exemple en français
https://guideyourtrip.com/destination/bolivie
voir pj image_01
Exemple en français
https://guideyourtrip.com/en/destinations/bolivia
voir pj image_02
Le code css d'affichage du texte qui pose problème est le suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
@media only screen and (max-width: 980px) {
 
	.destination-template-default .h1_template_dest_title {
	  display: block !important;
	  white-space: break-spaces !important;
	  text-align: left;
	  font-size: .8em;
	}
    .destination-template-default .h1_template_dest_subtitle {
      display: block !important;
      color: #fff !important;
      text-align: left !important;
      font-size: .8em;
    }
 
 
}
 
 
@media only screen and (max-width: 980px) {
 
	.guide-template-default .h1_template_guide {
	  display: block !important;
	  white-space: break-spaces !important;
	  text-align: left;
	  font-size: .8em;
	}
    .guide-template-default .h2_template_guide {
      display: block !important;
      color: #fff !important;
      text-align: left !important;
      font-size: .8em;
    }
}

Sur Mobile, j'aimerais que les textes qui s'affichent en haut des pages en anglais soient identiques que sur les pages en français.

Merci pour votre aide

[Dev2Digital]

Bonjour,

Alors pour ma part, j'ai pas de différences de taille sur mobile ou non. Là je pense que ton soucis vient du fait du saut de ligne. Pas moyen de rester sur la même ligne ? Ta testé avec un mobile ou un navigateur qui s'adapte mobile ?

[Gilles_75]

Bonjour
J'ai bien testé avec un Mobile Iphone
Les pj viennent de cette Iphone