ロゴ
【note:検索上位を狙うブログ理論】一騎当千SEO

【マナブログコピー(WordPressテーマ)】スマホ表示の横ずれを修正する方法

その他の追加設定

こんにちは、ごま吉(@Lv1gomakichi)です。

この記事では、スマホで表示した際の画面が『横にズレる』現象を修正する方法を紹介します。

当ブログについて

マナブログさんに参考マニュアルとして掲載して頂きました😆
本家認定のマニュアルです。

Manablog Copy スマホ表示の横ずれを修正する方法

横ズレとは、以下の現象です。
(横幅サイズの大きな画像を無理やり突っ込んだりすると、割と出ます)


修正するには、以下のCSSコードを追加します。

カスタマイザー追加CSSを開いてコードをコピペしてください。

@media screen and (max-width : 767px){
 html,
 body {
 overflow-x: hidden!important;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 }
}

シンママさん(@splaxoxo)に事例をアップしていただきました▼

画像提供:Pikisuperstar – jp.freepik.com によって作成された technology ベクトル



注目こちらも合わせてどうぞ▼
アフィリエイトを始めるための手順を紹介しています。マナブログコピーのカスタマイズが終わったら『ASP登録』をしましょう。

note


注目こちらも合わせてどうぞ▼
アフィリエイト初心者向けに【月3,000円を稼ぐ着実なSEO】をテーマにnote執筆しました。マナブログコピーと合わせて運用すると効果大です。

note

人気記事【マナブログコピー(WordPressテーマ)】文字装飾プラグインの設定