Thanks
Topic summary
Goal: decrease the Shopify Dawn theme page title text size only on mobile.
Key approach: add a CSS media query (max-width) targeting small screens to override the .page-title font size.
Suggested implementations:
- Use a mobile breakpoint (e.g., 767px) and set a smaller font-size (example given: 12px; adjust as needed).
- Alternative: use a 600px breakpoint with .page-title { font-size: 14px !important; } for stronger override.
Where to apply:
- Shopify Admin > Online Store > Themes > Edit code.
- Open base.css, theme.css, or styles.css and add the rule at the end, then save.
Notes:
- Screenshots were provided to guide the file location and edit steps; they are helpful but not strictly required to apply the change.
Outcome: the original poster confirmed thanks after applying the guidance; issue appears resolved with no further questions.