0
votes

Impossible d'identifier la page d'accueil du site Web des déclencheurs pour être trop large lorsqu'il est montré sur mobile

J'ai construit un webite https://www.reseth.nl qui affiche une largeur qui est aussi Grand sur la page d'accueil sur mobile uniquement.

J'ai essayé de rechercher l'erreur mais je ne peux pas le trouver. J'ai même fait un duplicata de la page, http://www.reseth.nl/Hometest , qui puis étrangement s'affiche correctement sur mobile.

Attaché deux captures d'écran qui montrent le problème: Correction de largeur largeur incorrecte

Vous pouvez voir dans les icônes sociales au bas des captures d'écran que quelque chose déclenche une largeur trop grande. Mais quoi!? Toute aide serait très appréciée!

html css responsive-design responsive

1 commentaires

Sur quel périphérique (OS / Browser) ne ralentit-il pas correctement?

3 Réponses :

0
votes

Vos très grandes marges et taddings de vos sections provoquent ce problème

par exemple, vous avez P>

#content-block-background-1358 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

#content-block-background-1055 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

#content-block-background-1099 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

#content-block-background-1755 {
    margin: 0 -10000px;
    padding: 0 10000px;
}

1 commentaires

Merci - ci-dessus ne semble pas affecter le site, mais j'y regarderai!

0
votes

J'ai un look et il semble être dû à ce sélecteur CSS: xxx

donc dans ce cas, chaque lien social étire son conteneur pour remplir l'écran.

Vous pouvez remplacer le sélecteur avec la largeur appropriée ou la correction de la valeur de 100%.

1 commentaires

Merci - j'ai désactivé les liens sociaux mais le problème survient toujours. J'ai également remplacé la page d'accueil dysfonctionnelle actuelle avec la page d'accueil dupliquée qui fonctionne correctement, mais le problème reste. Cela doit donc être quelque chose de spécifique lié à la page d'accueil.

0
votes

C'est une bonne idée de commencer à isoler le problème. Si vous croyez que le problème est causé par les icônes sociales, commentaire / retirez-le et voyez si la page le rend correctement sans elle.

2 commentaires

Merci - je savais que, mais devait être rappelé ;-) En regardant le CSS personnalisé, j'ai pu identifier le code que, lors de la suppression, supprimé le problème :.Home # wrapper-1 {Overflow-x: visible; }

:) content que cela ait aidé