関連記事が右上にはみ出し、サイドバーが下に表示されてしまいました。

h3タグは関連記事の見出しに使われているので
<h3>関連記事</h3>
色だけでなくmarginとかを変えるとそうなると思います
たとえば本文幅を変えたりすると
広告がずれたりとかします
https://wp-simplicity.com/suport/topic/%E3%83%80%E3%83%96%E3%83%AB%E3%83%AC%E3%82%AF%E3%82%BF%E3%83%B3%E3%82%B0%E3%83%AB%E3%81%AE%E5%BA%83%E5%91%8A%E3%82%92%E6%A8%AA%E4%B8%A6%E3%81%B3%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84/

一応、、、CSS編集の追加したタグを削除もしてみました。
テーマのバックアップをとって、テーマを削除し再インストールもしました。
しかし、改善されません。

削除されたテーマは親テーマだと思いますが
カスタマイズしたcssが子テーマのstyle.cssだと
もちろん変わりません

編集したタグを削除しても変わらないということは
基本的に無いとは思いますが・・・
カスタマイズされた内容はわかりますか?
もしあれでしたら
カスタマイズ内容のURLか
codeで書いてください

あ
違うわ・・・

今のバージョンだとh2でした
多分
1系だとh3じゃ無かったかな・・・

ただmarginだと動かしすぎないと同じことにはならないですよね・・・

カスタマイズされたcssを見るしかないですね・・・

子テーマを使ってないんで、親テーマに打ち込みました。
しかし、削除したんですけどね。

関連記事を囲んでるセクションが#mainと同じ位置にあるのと.articleの閉じdivがおかしいことから、どこかのウィジェット、ならびにあとで挿入した部分とかに、過不足している閉じ要素があるかだろうと思います。
あるいはクォートなどが入る・あるいは無いことによって、その後に続く閉じタグが無効になっているとか。

記事が書いてあるとわかりにくいので、「テスト」みたいな記事を書いて、何かしらのカテゴリやタグを当てて関連記事が見えるようにします。
記事自体は「レイアウトテスト」ぐらい書いておいてもよいかも知れません。

この状態で入るものは、記事上と下のウィジェットなので、確認しながらいずれかのウィジェットを外して関連記事が正しく表示されれば、外したウィジェット内に何かしら記入間違いがあるということです。

ウィジェットでないなら他のカスタマイズやらでしょうが、とにかく表示している内容(要素)を減らさないとこれというのはすぐには見つけられませんので、お試しにやってみてください。
ウィジェットは、入れ直すだけですぐに再利用できるので、ここらあたりから確かめるのが良いでしょう。

「テスト」投稿をした時に、それ自体が正しく表示されているなら、ウィジェットではなく、書かれた記事のどこかに問題があるわけですけれども、原因を特定するにはまず、要因を減らして、どの部分が問題かを把握する必要があります。

Hidekichiさん

ご親切にありがとうございます。

ダメみたいですね。。。
テスト投稿をあげて、ウィジェットを消してみましたが、状況は変わらずです。

テーマを入れ直したのにもかかわらず、治らないというのは、、、どういうことなんだろう。
どこをどうしてしまったんだろう、、、完全にお手上げ状態です。。。

今直ってますけどね。
何をされたかわかりませんが。

本当ですね
おそらくカスタマイズしたことも反映されていますね

もし変わっていない場合はキャッシュを見てみてください

みきさん＆Hidekichiさん

ギブアップしたんです。
テーマごと削除して、何度テーマをアップロードしなおしても、治らなかったので、、、。
テーマを変えました。

もうそうするしか方法がなかったので。

結構、気に入ってたんですが、、、無念です。。。

ご相談に乗っていただきまして、ありがとうございました♪

また時間があるときに挑戦してみます。
やっぱり気に入ってるんで。

ダウンロードしていたページのソースを見ると、

記事上のウィジェットで、
・うめきたワークショップ TAMARIBAの部分の閉じpが無い
・サタオビボーリング大会の部分で閉じpが無い
・このテキストウィジェット最後の閉じdivが多い

記事内で
<p>&ensp;</p> とあるが <p>&nbsp;</p>の間違いかそういうエンティティがあるのか不明

記事下ウィジェットで、
・いつも応援ありがとうございますの部分の閉じpが無い
・ランキングの投票をしていただけると幸せですの閉じpが無い
確認間違いかも知れませんが、記事下のウィジェット内も閉じdivが多いように思います

パッと見こんな感じでしょうか。挿入したテキストウィジェットをひとまず見直してみてください。

テキストウィジェットを書く時は別のテキストエディタなどで、必ず、

<code>とまず段落を、あるいは</code><div class="xx"></div>

とブロックを入れたりする時にも必ず閉じタグを入れてその中に文章を書きます。
その中で強調したい部分に、

何かしらの文章とその強調

// ↓
何かしらの文章と<strong>その強調

// ↓
何かしらの文章と<strong>その強調</strong>

のようにして始まりのタグと閉じタグを対に書くようにしてください。ブラウザは一応閉じタグを補完してくれますが、閉じdivなどが多い場合、ブロックの位置がおかしなことになります。

またcodepenやjsFiddle等のオンラインで実行できて結果を確認できるサイトを利用するのも方法です。

今現在テーマを変えられて、Simplicityで利用されていたテキストウィジェットが入ってませんよね？これらを入れた時に同様のレイアウト崩れがあれば、前レスのようなhtmlの記入ミスが問題です。
cssを変更される前は正しく表示されていたとすれば、css側にも問題があるかも知れませんが、それは現在は外から確認できないので何とも言えません。

記事内にstyle属性でスタイルされている部分も、毎回ページの読み込みごとにレンダリングが入るので、できるだけ子テーマのstyle.cssにまとめるべきです。これらタグ要素に書かれたスタイルは、親・子テーマの該当箇所のstyleを上書きしますので、利用は計画的にするべきです。

ぶっ、何かしらの文章の前後にはpタグが入っています。面倒くさいのでサンプル作りました。

サンプル: 状態を確認しながらhtmlを入れる | jsFiddle

この3つめの文章は最初からボールドになってますよね？
つまり2つ目の「strongが閉じられていない」というのがすぐにわかるというわけです。
html欄でも閉じpの部分が赤くハイライトされて、何かしらおかしいと警告しています。こういう機能をまず手元のPCで(テキストエディタ上で)実現できるようにするべきなわけです。

それらがご自身でできない場合は、codepenやらjsFiddleやらのサービス(無料)を利用するべきということですね。

Hidekichiさん！！！

あなたは神だ！！！
タグを入れ直したら、すべてが修正されました。
本当にありがとうございました♪

ここに尋ねてみてよかったです。

みきさんもありがとうございました♪

感謝しかありません。
これからもどうぞよろしくお願いします。

ありがとうございました♪