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

**URL:** <https://community.shopify.com/t/dawn/346693>\
**Category:** 技術的なQ＆A\
**Tags:** javascript, css, html\
**Created:** [August 8, 2024, 8:28am UTC](https://community.shopify.com/t/dawn/346693 "2024-08-08T08:28:58Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

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

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

<div class="post-metadata">

**Author:** ![TakahiroHikita](https://avatars.discourse-cdn.com/v4/letter/t/b9e5f3/32.png) [@TakahiroHikita](https://community.shopify.com/u/TakahiroHikita)\
**Post date:** [August 8, 2024, 8:28am UTC](https://community.shopify.com/t/dawn/346693/1 "2024-08-08T08:28:58Z")

</div>

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

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

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