How can I enlarge product images on mobile using DAWN?

[jupiterrx]

Hello, we are currently using DAWN. The product images on mobile devices are way too small. It seems that the image is restrained too much on product pages.  The screenshot on the left is how our current product page looks like. However, we would really like to make it look more like the example on the right.

Just wondering if anyone could help. Thanks so much.

     

[Jack_Khan_Baba]

share your store url also password if it is protected 

[StephensWorld]

Your best bet is switching to a different theme, if you don't like the way your products look on mobile, using the Dawn theme.

[PageFly-Henry · Accepted solution]

Hi @jupiterrx 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){

ul#Slider-Gallery-template--19339770003737__main {

    scroll-padding-left: 0 !IMPORTANT;

    width: 394px !IMPORTANT;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[jupiterrx]

That works. Thank you so much!