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

Store Design

Topic summary

A user seeks to modify product image dimensions and product name font size specifically for mobile devices on the Dawn theme.

Proposed Solution:

  • Add custom CSS code to theme.liquid file above the </head> tag
  • Access via: Online Stores > Themes > More Actions > Edit code
  • The code snippet targets mobile-specific styling adjustments

Additional Recommendation:

  • Consider adding a call-to-action (CTA) button to the top banner section
  • This would improve navigation by directing customers to collections or other pages
  • Suggestion aims to enhance overall user experience beyond the original mobile styling question

Status: Solution provided with code implementation steps; awaiting user confirmation of results.

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)

Mu url:https://lelundijewelry.com/

PW:13579

Thanks

jessica_0430_0-1715732744684.png
jessica_0430_0-1715732744684.png565×1158 69.1 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

While reviewing your page to address the issue, I noticed that it looks very nice. However, I have one suggestion for the top banner section.

PageFlyRichard_1-1715733009178.png
PageFlyRichard_1-1715733009178.png1920×953 177 KB

Consider adding a CTA button to your banner that directs customers to a collection or another page. This will make it easier for them to navigate to the sections or pages you want to highlight.

Hope this can help you solve the issue

Best regards,

Richard | PageFly