wordpressテーマのSimplicityでスマホで表示した時に右側に余白が出来てしまう時の対処方
タイトル通りなのですがこの問題メチャハマりましたwww
最初気づかなかったのですが
新しくエックスドメインでサイトを作った時に個別記事を表示したら
んんんんん
なんか右側に余白が出来てるではないか!?
同じSimplicityのスタイルシートを使ってエックサーバーでは余白が出来ない!?
ここで思った事はエックスドメインだけが何らかのせいで余白が出来るのかなとも思ってみたものの
Simplicityでスキンを使って表示してみると余白が出来てないwww
あーだこうーだといじくってる内にエックスサーバーでも余白が出来てしまう。
この時に投稿した記事に何らかの原因がある物だっと思って内心ヨシヨシもしや解決策が分かるかもと喜んでいた。
でも違ったwww
投稿した記事をテキストでテストだけと修正して表示してみてもやはり余白が出来ている!?
ここまでで思った事は
サーバーは関係ない
スキンを使うと余白が出来ないけど子テーマを使うと余白が出来る
iphone6でも7でも同じ
もう頭もパンパン状態の上お手上げモードで2日経ちましたwww
少しぐらいもういいやと諦めはするものの頭から離れず
気にすればするほど気になるwww
そんな時検索してみたらなんと解決方法があるではないか!
早速試してみたら余白が出来なくなった
万歳
でもなんで余白が出来るかの原因は分かりません
早速そのコードをメモしておきます
#container { overflow: hidden; }
参考にしたサイト様です
追記:3月20日
参考までにどうぞ
出来る時の原因がハッキリわかりませんが例として書くと
今日たまたま
functions.php
//コンテンツの幅の指定
if ( ! isset( $content_width ) ) $content_width = 680;
widthを変えたらおかしくなり
元に戻しても余白が直らなくなった
それで上のcssを
スタイルシートに入れる事で直った。
(モバイルcssには入れなかったけど治った)
※コンテンツの幅を変えたらwidthも変えないと
スマホで見た時にぐらつきがでるけど
widthの大きさを合わせる事でぐらつきが無くなった!