New Shopify Certification now available: Liquid Storefronts for Theme Developers

image banner - dawn theme

53 0 12

hi, i would like to know if it is possible to upload two different images for phone and desktop version

thanks for the support, have a good day 🙂


Replies 3 (3)
Shopify Partner
333 34 36

Hi @stra10 

Yes its possible.

1. First please create schema from mobile image.
2. And duplicate the desktop image html and image code replace with the mobile image code.
3. Show hide images using css for different resolutions.


-Shopify website development, Theme & App Development
-Contact me: WhatsApp

-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
Shopify Partner
4241 980 1195

Hi @stra10 

For this need to write a liquid code. Or you can try this one just follow the instruction. 

Please don't forget to 



Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Shopify Partner
89 10 13



Yes, it can be done, but it does require some basic knowledge of coding.


If you’re able to do some coding, then it’s relatively simple to do. As mentioned in a post above, you will need to duplicate the div for your banner image in the “image-banner.liquid” file, then add the necessary schema for the separate mobile image upload, and then add the proper CSS to make it so that the right image appears for the right screen size.


If, on the other hand, coding is not your thing, then you’ll need to hire someone like myself to do it for you. If you decide you want to go that route, let me know and I’ll handle it for you. Email/contact info in signature below.

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: