Simplicityテーマで右側に余白が出来る

※このページにはアフィリエイトリンクが含まれています。

wordpressテーマのSimplicityでスマホで表示した時に右側に余白が出来てしまう時の対処方

タイトル通りなのですがこの問題メチャハマりましたｗｗｗ

最初気づかなかったのですが

新しくエックスドメインでサイトを作った時に個別記事を表示したら

んんんんん

なんか右側に余白が出来てるではないか！？

同じSimplicityのスタイルシートを使ってエックサーバーでは余白が出来ない！？

ここで思った事はエックスドメインだけが何らかのせいで余白が出来るのかなとも思ってみたものの

Simplicityでスキンを使って表示してみると余白が出来てないｗｗｗ

あーだこうーだといじくってる内にエックスサーバーでも余白が出来てしまう。

この時に投稿した記事に何らかの原因がある物だっと思って内心ヨシヨシもしや解決策が分かるかもと喜んでいた。

でも違ったｗｗｗ

投稿した記事をテキストでテストだけと修正して表示してみてもやはり余白が出来ている！？

ここまでで思った事は

サーバーは関係ない

スキンを使うと余白が出来ないけど子テーマを使うと余白が出来る

iphone6でも７でも同じ

もう頭もパンパン状態の上お手上げモードで2日経ちましたｗｗｗ

少しぐらいもういいやと諦めはするものの頭から離れず

気にすればするほど気になるｗｗｗ

そんな時検索してみたらなんと解決方法があるではないか！

早速試してみたら余白が出来なくなった

万歳

でもなんで余白が出来るかの原因は分かりません

早速そのコードをメモしておきます

#container {
    overflow: hidden;
}

参考にしたサイト様です

【Simplicity】スマホで謎の余白が右側に出た際の対処法

Simplicityのスマホ表示の際に出現した「謎の余白」。その対処方法に関して書いています。

o3-web.com

追記：3月20日

参考までにどうぞ

出来る時の原因がハッキリわかりませんが例として書くと

今日たまたま　　

functions.php

//コンテンツの幅の指定

if ( ! isset( $content_width ) ) $content_width = 680;

widthを変えたらおかしくなり

元に戻しても余白が直らなくなった

それで上のcssを

スタイルシートに入れる事で直った。

（モバイルcssには入れなかったけど治った）

※コンテンツの幅を変えたらwidthも変えないと

スマホで見た時にぐらつきがでるけど

widthの大きさを合わせる事でぐらつきが無くなった！