Make different image for desktop and mobile in Dawn Theme

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

1 Like

@Clement_Jaw - you can design or use 2 different images, one for desk and one for mobile and then using css , hide them as per screen size

Can advise how to make different images for desk and mobile?

@Clement_Jaw - fo you have images for desk and mobile?

Thanks for your help, but the slider never displays on mobile view, can please help?

Yes I do

Thanks for your help, but the slider never displays on mobile view, can please help?

Yes I have.

Yes, I have the image

@Clement_Jaw - do you have the separate images for mobile and desktop?

Yes I have also

Yes I have different image

@Clement_Jaw - can you please add them to your page and share your page link?

I am only able to add 1 image to my current page, this image will show in desktop and mobile view. My page URL: www.dtimeless.com

@Clement_Jaw - on which page are you adding image? home page or some other page?

Thanks for your help, but the slider never displays on mobile view, can please help?

Currently I am adding home page. I also want to add at product page also.

@nishanttbi

Hi, thank you for your useful tips. I have tried your method and I was able to add the option to select mobile and desktop images separately successfully. However, the images and cut off on both devices and it is important for us that the selected image fits in the screen as we prefer to add promotional content directly in the image design. Do you have any resolutions for that?

You code works with the image banner. But can you help me what to change for the slideshow banner. I’ve a slideshow banner section, just want to make different images for destop and mobile.

2 Likes

Can you share the code???