レスポンシブ対応テンプレートでレイアウトが崩れてしまいます

twentyelevenを使用しております。

パソコンで右サイドバーに表示されているウィジェットがスマホから見るとフロントページの文字にかぶってしまい、レイアウトが崩れてしまっています。

以前は右サイドバーのウィジェットはスマホから見ると一番下に表示されていましたが、今日になってフロントページの右に表示されるようになり、フロントページの文字にかぶっていました。

文字がかぶっているせいか、ウィジェットへのリンクも飛べません。

プラグインの停止したり、header.php、rtl.CSSを編集前の状態に復元したりしましたが、元に戻らず困っています。(子ページを使用しています)

本日、フロントページの内容を大幅に変えたので、それが原因なのかもしれません。
スマホから見た時のレイアウトの崩れはどのようにすれば修正できますでしょうか。
教えていただけると幸いです。

よろしくお願いいたします。