Replace image at different breakpoints

Hey everyone!

Is there a way to change an image at different breakpoints? For example: On desktop I want an image with a lion and on mobile I want that image to be replaced with a fish. I know that there is a way to do it with background images, but I can’t find a way to change non background images.

If anyone knows how to do it I would love to hear how!

1 Like

@DavevdDrift, the easiest way is to not replace but hide/show images based on breakpoint. Just make sure they have different classes, say mobile and desktop and then use the display settings to show/hide them.

1 Like

Thank you verry much for the reply! I didn’t thought of that yet and it’s a great way to achieve what I want. Now I can design my website how I want it.

1 Like