How to change my product image size and also font size of product name for mobile version only (Dawn

Store Design

Topic summary

A user seeks help adjusting product image size and product name font size specifically for mobile devices on the Dawn theme.

Proposed Solution:

  • Add custom CSS code to the theme.liquid file, placed above the </head> tag
  • Access via: Online Stores > Themes > More Actions > Edit code
  • The code allows adjustment of font-size (pixel values) or aspect-ratio (percentage) to match specific requirements

Status: A solution has been provided with step-by-step instructions, though the actual CSS code markup appears garbled in the response. The user would need to implement and test the code to verify if it resolves the mobile-specific styling issue.

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

hi all,

How to change my product image size and also font size of product name for mobile version only (Dawn)

My url:https://lelundijewelry.com/

PW:13579

Thanks

jessica_0430_1-1715733438202.png
jessica_0430_1-1715733438202.png565×1158 81 KB

2

Hi @jessica_0430

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

You can change the ratio-percent or the font-size pixel value till it match with your requirement

Hope this can help you solve the issue

Best regards,

Richard | PageFly