How to lengthen product image on Mobile - Dawn Theme

How to lengthen product image on Mobile - Dawn Theme

17 0 1


I am having an issue on mobile for my site that the product images are too short and do not display the full image.


In the screenshot attached above I would like for the product image to be a little bit longer to show the full image of the product. I am only having this issue on mobile so I would like to only change how it looks on mobile. I do not want to affect how the product image looks on desktop.


The url for my site is and the password to enter is t33th!!


Any help regarding this issue would be greatly appreciated. Thank you

Reply 1 (1)

Shopify Partner
1317 233 268

Hi @yanetha 


This is Noah from PageFly - Shopify Page Builder App


Please add this code to your theme.liquid above the </head> 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 </head>

@media screen and (max-width: 767px){ {
height: 115px;




Hope this can help you solve the issue 


Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.