wordpressで、スマホでの画面崩れを治したい。

Question

問題のサイトはこちらです。
※成人向けサイトですが、決して広告ではありません。

スマホでみると、画面が崩れています。
これをＰＣで表示したときと同じように表示されるようにしたいです。
方法を教えてください。

p.s.
元のテーマはmasonicです。

結構いじりました。

p.p.s.
アドバイスを聞き、もし手に負えないようでしたら業者に依頼するつもりです。

Comments

[m.ts10806]

成人向けサイトなのでその旨は記載してください。

[m.ts10806]

これだと「サイト見てねあとはよろしく」と他ユーザーの指摘通り丸投げなのでもう少し調べて色々やってみてから再度質問してください。
回答者側も同じ環境を用意できるわけでも同じサイトを用意できるわけでもありません。
あとPCとスマフォでどう崩れているか回答者のPCとスマフォで見なければならないなど回答者側への負担が大きすぎますね。

Answer 1

下記を追加すれば「はみ出る」という状態は何とかなりますが、そもそもTableはスマホ表示と相性が良くないように思います。また、メディアクエリを用いてCSSで画面幅ごとに調整しないと「思ったような表示」にはならないと思います。

.tablepress {
	table-layout: fixed;
}

そこまでソースを追っていませんが、CSSのコメントは/* コメント */ のみなので、// でコメントは入れないほうが良いです。

.cwv3.dialog-overlay {
	background-color: rgba(0, 0, 0, 1); // HSV以外にする必要がある
}