Text size too big on mobile

Store Design

Topic summary

A user is experiencing oversized text on mobile devices while desktop display appears correct, as shown in attached screenshots.

Proposed Solution:
The user attempted to resolve the issue using CSS media queries:

  • Targets screens 767px width or smaller
  • Reduces h2 heading font-size to 23px on mobile
  • Preserves desktop sizing

Current Status:
The discussion remains open with two support responders requesting:

  • Store URL
  • Password (if applicable)
  • Access to review the implementation and provide further assistance

The user indicated they may have found a solution but hasn’t confirmed if the CSS fix fully resolved the mobile text sizing issue.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hey, is there a way to make the text smaller on mobile but keep the size on desktop?

Bild_2025-01-25_233818125.png
Bild_2025-01-25_233818125.png1857×857 111 KB

IMG_5671.jpg.jpeg
IMG_5671.jpg.jpeg1284×2227 141 KB

1 Like
2

I think I got it?

@media (max-width: 767px) {
h2 {
font-size: 23px;
}
}

3

Hi @corecase

Please share the password of your store so I can take a closer loook

Best,

Daisy

4

Hello @corecase
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?