Adjusting Images on Different Devices

Hi All - I can’t seem to create different sizes of images for different devices (i.e. - Having a large image set for desktop and then adjusting/scaling it relative to each other device screens such as tablets, landscape mobile and portrait mobile).

It seems that any adjustment I do to images other than the desktop (i.e. on mobile devices) affects the desktop and vice-versa.

Any thoughts on how I can control images for each devices?

M

Check this out: (I answered the same question. :wink:) Hero responsive settings - styles are cascading upwards - General - Forum | Webflow

Hey Vlad - Thanks for your reply, but what you sent is for VISIBILITY. I want to be able to resize images from desktop downwards. If I set an image size for an element on desktop and then go to mobile and resize it there for that screen size, I am getting it resized back on desktop.

I want to be able to create each image size on each device environment. I thought the ‘rules’ was that Desktop was king and each device following desktop can be adjusted without impacting the rest…

Still need help…

M

Here is a link of how I did it and it worked.

http://quick.as/VlY3u2Zao1

Hope this helps.

It may be deceiving at first, because I answered three questions at once, but your question and the answer was in there as well, the video I posted will show the answer as well.

Sorry Vlad,
The quick cast link doesn’t work.

M

Sorry about that.

Try this link: http://quick.as/vly3u2zao

Ahhhh LIGHTBULB MOMENT!!!
All fixed thanks to the Video!!
Many thanks!!

Any thoughts to my other question about the white space on mobile devices?

M

Can you please guide me to that question? I can’t seem to find it :stuck_out_tongue_winking_eye:

ALL FIXED!!
Please disregard my question.

MANY THANKS FOR THE AWESOME WF Community!

M

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.