WordPressテーマSANGOの質問

表をレスポンシブにしたが、スマホで画面の横幅を超えて表示されてしまう

アバター
だいき

お世話になっております。

グーテンベルクで表をレスポンシブに設定したところ、スマホでの表示が崩れてしまいました。

本来は表だけがスクロールできますが、画面全体がスクロール出来てしまいます。

}
.entry-content table.tb-responsive {
width: 100%!important;
height: auto!important;
}

上記を挿入しても治らず、原因がわかりません。

問題のページは、下記です。

https://daimisablog.com/frozen-home-delivery-lunch-comparison-ranking

治し方を教えていただけますでしょうか。よろしくお願いいたします。

表の挿入方法とレスポンシブ対応させる方法
SANGOで表を挿入する方法:レスポンシブ対応させるには?
コメントへの回答
サルワカくん
サルワカくん
2021/07/08

お世話になっております。
調査したところテーブルというよりは広告がはみ出していて、その影響で画面全体がスクロールされてしまうようです。
広告がはみ出さないようにCSSをご調整いただけますでしょうか?
よろしくお願いします!

アバター
だいき
2021/07/14

解答ありがとうございます!

解決いたしました。
広告の幅とは気づきませんでした。ありがとうございます!