WordPressでChromeとEdge、safari（スマホ）で表示が違う

Question

前提・実現したいこと

WordPress、HTML/CSS初心者です。
WEBサイトの更新を行った際に、バックアップは取り忘れてしまい、
プラグインやテーマを更新してしまったところ、chromeでは正常に表示されていますが、
Edgeやsafari（スマホ）では同じように表示されなくなってしまいました。
テーマは適用されているようですが、背景画像が真っ白だったり、ページのレイアウトが
異なっています。
このような場合、どのように対処すれば良いか、ご教示ください。

対象のWEBサイトは↓です。
https://kenkikuchi.com/

Answer 1

ブラウザやデバイス別に、
CSSや、HTMLを組み替えて、理想のレイアウトになるよう調整します。
デバイス別に組み替えるのは、
ユーザーエージェントや、メディアクエリなどを使い、判別し、条件によって組み替えます。

Comments

[ryo_hatano]

ご返答ありがとうございます。
ユーザーエージェント、メディアクエリについて調べてトライしてみます。
また、テーマやプラグインのアップデート前はレスポンシブ対応ができていたのですが、
アップデートすることでレスポンシブ対応ができなくなるケースはwordpressだと
よくあることなのでしょうか？？

[miyabi_pudding]

テーマや、バージョンアップの度合いによってはありえます。
WordPressの仕様変更と、過去バージョンの仕様を前提にテーマが組まれていた場合などは、
表示不都合が起こることはあります。