Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Vilnia,

    Hope you’re doing well ??

    Unfortunately this is not something possible out of the box but I think I have a workaround that could work for for you.

    You can use CSS to hide the current image from smaller screens and then add different one as background.

    It would look something like this:

    @media screen and (max-width: 480px) {
        .wdpu-image img {
            display: none;
        }
    
        .wdpu-image {
            background: url('IMAGE_URL');
        }
    }

    Replace IMAGE_URL with the image you want to show on mobile and it will show on all screens below 480 pixels in width.

    Hope this helps ??

    Cheers,
    Predrag

    Thread Starter vilnia

    (@vilnia)

    Thank you Predrag,
    It is what I needed ??

    Good luck
    Vilnia

    Awesome! Glad I could help ??

    Have a great day!

    Predrag

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Different images on mobile devices’ is closed to new replies.