Image size in mobile and desktop view (Dawn theme)

Store Design
1

Can any expert in coding please give advice on how to make image size different in mobile and desktop view?

2

Hello @Clement_Jaw ,

Best wishes !!

I hope it will help you,

Dawn theme does not provide this feature to differentiate the image size in mobile and desktop view, you can only change the position of the content, so I suggest that

  1. need to customize the CSS for managing height but it affects the image quality
  2. You can create two different fields, one for desktop and the other for mobile

  • You have to create two images for mobile and desktop as you want to change the image size on both devices https://prnt.sc/aCrIeXbc8Zq-

  • Was your question answered? Mark it as an Accepted Solution

3

Hey Dipen Panchal,

Many thanks for your advice, but how to create two different fields?

regards,

Clement Jaw

4

Hello

For that need to customize that section, If you want it we can do that for you,
let me know your thoughts so I will pass your need to our sales team, they will get back to you on the timeline, cost estimation, and other details of this task.

5

Hello @Clement_Jaw
It needs to modify theme section with liquid code so you can upload images seprately for desktop and mobile from the theme customizer without touch the code.

Visit this store for sample - https://www.omgmiamiswimwear.com/

6

how do you do this using the liquid code? I am having the same issue.