Webflow designing on different devices

Hello,

We are trying to launch a landing page that works on dekstop, mobile - landscape/portrait, tablet - landscape/portrait. One of our designers designed our landing page one page image in four or five screen sizes to fit the most popular screen sizes.

However, along the top of Webflow you can click desktop, tablet, phone landscape/portrait but you can’t seem to set different images for each individual view.

If I set an image for tablet with our iPad screen sized image, it changes the desktop view to the tablet image, if I set the mobile portrait image it does the same for the desktop version. Is there anyway I can set different images for each viewing size?

Thank you for your help


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi

Uhse combo class - here is how

Hello @benmcwilliams,

Can you please share your read-only link? I’d love to help you out with this.

1 Like

It is possible when using background image. You cannot do that with regular images. The only thing you can do is to add several different images and show/hide them on different breakpoints.