モバイル用の画像

早速のアドバイスありがとうございます。

Simplicity2 childの「mobile.css」をアドバイスのように書き加えてみたのですが駄目でした。
.article img {display: block; margin-left : auto ; margin-right : auto ;}

カスタマイズ対象のURLは以下になります。
http://ema.moo.jp/2018/08/19/post-125/

PCで見ると整って見えるのですが、スマホで見ると画像と文章のバランスが悪くなってしまいます。

まず、子テーマをインストールします。

子テーマをお使いにならないと、Simplicity のアップデート適用時に、施したカスタマイズがすべて白紙に戻ってしまいます。

次に、子テーマの style.css に、下記の CSS を追加します。

@media screen and (max-width: 600px) {
  img.alignleft {
    display: block;
    float: none;
  }
}

これで端末の横幅が 600px 以下の場合に、テキストが画像を回り込まないようになります。

丁寧なご回答ありがとうございます。

教えていただいたcssを子テーマのstyle.cssに追加してみましたが
変化はありません。
スマホのキャッシュはクリアして確認しています。
念のためにmobile.css、responsive.cssにも同じように書き込んで見たのですが駄目です。

もっと簡単なものかと思ったら１，２カ月の勉強で何とかなる
レベルではないことがよく分かりました。
ゆっくり勉強して覚えていくしかありませんね。

子テーマをインストール後に、子テーマを有効化されたでしょうか。

現在のカナワさんのサイトでは、子テーマが使われていないです。

Akira　様

解決できました。

一番最初に子テーマを有効にしたと思っていたのですが
全く気づきませんでした。

一つの間違いで問題が発生したりうまく表示されなかったり
ワードプレスは余程根気よく勉強しないと
自分で解決できるようにはならないと痛感しました。

本当に助かりました。再度お礼申し上げます。