How to make different image section for mobile and desktop Shopify Dawn Theme

Technical Q&A
1

Hi I Want to

How to make different image section for mobile and desktop Shopify Dawn Theme?

If desktop responsive, Mobile is hidden

If Mobile responsive, desktop is hidden.

Shopify url: https://anushagini.myshopify.com/

password: bempop

ANUSHA1_0-1667824054131.png
ANUSHA1_0-1667824054131.png1366×616 358 KB

If In mobile responsive first img will be hidden like wise, desktop, second img will be hidden

Please help me to resolve this??

2

By utilizing @media, you can hide/display based on screen size.

See here: https://developer.mozilla.org/en-US/docs/Web/CSS/@media

If you need more help with this, feel free to DM me.