【Dawn】モバイル表示のみ文字の大きさを変える

Topic summary

ShopifyテーマDawn(15.0.2)で、ストア全体の文字サイズ設定を変更した影響と対処法の相談。

  • 背景: settings_schema.json内の「heading_scale」「body_scale」の最大値を引き上げ、文字を大きく調整。これによりデスクトップは理想的なサイズに。
  • 問題: モバイル表示では文字が大きすぎる状態。モバイルのみ小さくしたい要望。
  • 技術要素: heading_scale/body_scaleはテーマ設定で文字スケールを制御。モバイル専用の調整が必要(例: CSSメディアクエリでの上書きなど)。
  • 目的: デスクトップのサイズは維持しつつ、モバイルだけ縮小。
  • 現状: 解決策は未提示。助言を募集中。
Summarized with AI on December 22. AI used: gpt-5.

config→settings_schema.json内にあります、“id”: “heading_scale”・“id”: "body_scale"の最大値を変更し、ストアフロントの文字を大きくいたしました。

その結果、デスクトップ表示は理想通りの大きさになった一方で、モバイル表示は大きすぎになっておりまして、モバイル表示のみ小さくしたく思っておりまして、対処策をご教授願います。

Dawn 15.0.2を使用しております。