2017-05-28 1 views
0

J'ai un pied de page de style pour mon site Wordpress, qui ne semble pas atteindre toute la largeur du site sur mobile. En outre, je suis toujours capable de faire défiler les largeurs, comme si le site était plus large que la fenêtre mobile. Cela ne se produit que sur un portrait mobile, pas sur un ordinateur ou une tablette.Pourquoi la largeur de mon pied de page n'atteint-elle pas toute la largeur du smartphone? J'utilise Wordpress

J'ai toutes les largeurs fixées à 100% (l'en-tête, le corps, le pied de page et plusieurs autres) mais il semble que la largeur du pied soit 1333px largeur alors que les largeurs d'en-tête et de corps sur ordinateur portable).

Je n'ai pas de largeur fixe pour les éléments définis en pixels de plus de 300px.

Le pied de page est placé à l'extérieur du contenant principal et du contenant principal, mais à l'intérieur du corps.

Je ne pense pas que l'un des éléments du pied de page soit le problème, car je les ai supprimés et remplacés, mais le même problème existe toujours.

Photo inclus: Gap à droite du pied de page

enter image description here

+0

Bienvenue à SO, S'il vous plaît fournir votre code pour bien comprendre la situation. –

+0

Bonjour et merci pour l'accueil. Quelle partie du code aimeriez-vous exactement? Le CSS pour le pied de page, l'en-tête ou le corps ou le HTML pour l'un ou l'autre de ces éléments? – user78397

Répondre

0

Ce problème peut-être parce que l'un de vos balises HTML sur la page Web entière (sur le pied de page) est plus grande que l'écran
Ce problème ne à partir du pied de page, s'il vous plaît vérifier les autres parties de la page Web

+0

Salut @Hazem Nabil, j'ai choisi tout le html et, comme indiqué, toutes les largeurs d'éléments majeurs sont définies comme 100% (donc tout devrait techniquement s'adapter à l'écran). J'ai l'élément suivant dans l'en-tête, qui, je le doute, cause le problème: user78397

+0

Je ne peux pas non plus voir quoi que ce soit concernant la largeur dans le fichier functions.php. Gardez à l'esprit que cela ne se produit que dans la vue portrait mobile, bien qu'il ne semble pas y avoir de quoi que ce soit le provoquant dans mes requêtes média css pour cette vue de taille non plus. Voulez-vous que je publie le CSS pour la requête des médias? Je sens que je suis sur le point d'abandonner et de laisser cela pour être honnête, il m'a dérouté depuis trop longtemps et je ne suis qu'un novice .. – user78397

+0

pouvez-vous m'envoyer le HTML pour le vérifier ??? –

0

Salut Hazem et merci pour votre réponse à nouveau. Mise à jour: je sais maintenant ce qui causait ce problème. Une marge gauche définie en pixels sur mon div de contenu qui était défini sur 80% de largeur ajoutait à l'écart à la droite du pied de page, mais uniquement sur la vue mobile. Je me suis alors rendu compte que mes questions de médias ne fonctionnaient pas mais j'ai maintenant réglé cela, d'où j'ai réglé le problème. Nous vous remercions de votre aide.