A user seeks to display different images for mobile and desktop versions of their Shopify Dawn theme, where:
Desired behavior:
Solution provided:
Use CSS @media queries to control visibility based on screen size. A reference to Mozilla Developer Network’s documentation on media queries was shared as a resource.
Current status:
The question appears answered with a technical approach, though implementation details weren’t fully elaborated. The responder offered additional help if needed.
Hi I Want to
If desktop responsive, Mobile is hidden
If Mobile responsive, desktop is hidden.
Shopify url: https://anushagini.myshopify.com/
password: bempop
If In mobile responsive first img will be hidden like wise, desktop, second img will be hidden
Please help me to resolve this??
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.
