画像のレスポンシブについて

AI-generated summary

スマホ表示でトップ画像が大きく切れ、何の写真か分からなくなる問題についての相談。PC向けには問題ないが、モバイルでの見え方に課題がある。

・前提として、独自テーマではなく既存テーマを編集していることが確認された。
・対応案として、Shopifyの「テーマ>カスタマイズ」から画像設定を見直し、プレビューでPC表示とモバイル表示を切り替えて確認する方法が提案された。

HTML/CSSの具体的な修正方法までは議論されておらず、まずはテーマエディタ上での設定確認を試す流れになっている。現時点では解決策は確定しておらず、初期確認の段階で話は終わっている。

初めまして!最近Shopifyの構築を始めました者です。

そこでトップ画(サイトの一番上にくる画像)がPCには適したサイズなのですが

スマホで表示するとほぼ何の写真か分からないほど画像が切れてしまっています。

HTML.CSSは只今勉強中ですが、調べても中々出てきません。。。

どうかお分かりの方、ご教示御願い致します。

テーマを独自で作られていますか?それとも既存のテーマを使用されていますか?

ご返信ありがとうございます。

既存テーマでの編集です!

単純にテーマ>カスタマイズでエディタを開いて、そこから画像を設定して、プレビューでPCとモバイル切り替えてチェックしてみてはどうでしょうか?

そうですね!

その方法で試してみたいと思います。

ありがとうございます。