iPhone5の小さい画面で見た時にSNSボタンがはみ出る時の対処法

こんにちは、Mioです！

去年まではスマホはiPhone6plusを愛用していたのですが、今年になってからiPhone5sにダウングレードしまして…

画面は見づらいですがサイズ的にも持ちやすく気に入っているのですが、ふとサイトをチェックした時に今まで気づかなかった小さな問題に気付くことになりました👀💡

それが、スマホの画面からSNSボタンがはみ出てしまい右にスクロール（横揺れ）できるようになってしまったのです(;´･ω･)💦

スクロールすると画面が横揺れするし見づらく不便なことに気づいたので、iPhone5などの小さい画面で見てもきちんと収まるように修正してみました！

修正と言っても簡単なコードを貼り付ければ良いだけなので数十秒で終わるかと思います✨

CSSで整える

コピペするのは次のコードです👇

これをコピーして、貼り付けしていきます。

iframe {
max-width: 100%;
}

リファインプロのテーマを使っている場合は、custom.cssにコピペします。

外観→テーマの編集→custom.cssの末尾に貼りつけしたら、最後にファイルを更新ボタンをクリックしましょう。

これで今まではみ出ていたSNSアイコンもしっかり枠の中に収まるようになり、横揺れもしなくなるはずです(‘ω’)ノ