明らかな原因がないモバイルサイトの右側にスペースがありますWordpressのテーマ

Question

私は、別の会社によって最初に開発されたクライアントのサイトで作業しています。我々は彼らのサイトを応答性にするために呼び出されました。

余分な間隔の原因を特定できないようです。

これは、デバイスとレスポンスインスペクタでのみ表示されます：ウインドウのインスペクタをアクティブにしても、ウィンドウのサイズを変更しても問題は発生しません。

​​

私はそれが存在しているメタタグ<meta name="viewport" content="width=device-width, initial-scale=1.0">のためにチェックしました。

html要素とbody要素の上にホバリングすると、それらは適切な「サイズ」ですが、領域外に要素がにじむことはありませんが、問題はそのまま残ります。

実際のipadで正しく表示されますが、インスペクタが台無しになっています。

体が

#wrapper { 
    width: 100% !important; 
    max-width: none; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

ラッパー

body { 
    min-width: -webkit-min-content; 
    min-width: -moz-min-content; 
    min-width: min-content; 
} 

を持っている私は、MIN-コンテンツ本体を削除しようとしましたが、それは効果がなかったです。私はまた、ラッパーを最大幅100％に変更しようとしましたが、やはり効果がありませんでした。

携帯電話の風景が広すぎる 320pxの風景の横の縦幅は正しいですが、左にスワイプすると背景画像が不必要に表示されます。任意の助け

ありがとう！

Answer 1

フッターにミルキーのロゴがはみ出しています。パディングを削除し、表示：ブロックし、多分最大幅：100％を追加します。なぜなら​​の

Answer 2

そのインラインスタイルでtop: 173px !important;

Answer 3

を適用し、この追加：クロームの応答インスペクタで表示したとき、私は、画面の右側上の任意の明白なパディングが表示されない

.copyright li img.alignright 
{ 
    max-width: 100%; 
    box-sizing: border-box; 
}