I’ve been trying for the last 12 hours and have watched hundreds of tutorials, but nothing is working. I want to upload an image for the desktop with a size of 1500x1000 and have it display only on desktops, not on mobile. Additionally, I want to upload an image for the mobile version with a size of 700x1200, and it should only show on mobile devices.
Note: I want to mention that some tutorials suggest methods that do work, but only if the image size for both desktop and mobile is the same. If you need a different size image for mobile, it may not work perfectly.
@iamusmanshabbir - add 2 different banner section from customize settings, one will have all desk images and one will have all mobile images. Then using css you can show/hide the banner section based on the screen size
Can you provide little bit of details? in my shrine theme i don’t have any option of adding desk image or mobile image… whatever image i upload in image banner. it shows on both. and where i can hide through css??
@iamusmanshabbir - you will have image section in your theme customize settings, use it 2 times… 1st will have desk images and 2nd will have mobile images
so now you have both images on your page, then can use css to hide/show image as per screen size