Dawn Theme - How to Use One Image for Desktop and a Different One for Mobile?

[JuulLobo]

Hi everyone,

I'm trying to set up an image banner in my store to show one specific image for desktop and a different image for mobile. I want them to switch automatically based on the device.

I've tried editing the CSS and adding media queries, but it's not working as expected—either both images show or they don't switch correctly.

I'm using the Dawn theme. Is there an easy way to do this?

Any help would be greatly appreciated!

Thank you!

[Made4uo-Ribe]

Hi @JuulLobo 

You can check this one. 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[gr_trading]

Hi @JuulLobo ,

Please refer to the below video how you can add image schema for mobile and website and its code.

Hope this will helps...