Streaming live at 10am (PST)

Help with responsive images


#1

https://preview.webflow.com/preview/greatescape?preview=6216888a830acdea35bf62adf8681b1f

I am having trouble with the images. Whatever change I make to mobile goes back to desktop. Can someone take a look and help?

Thanks,
Julie


#2

Hi @Luccimia, Can you help to update the post with a screenshot of the image showing what is happening? It will help us to zoom in on the issue smile

Styles cascade from Desktop to mobile. If you change the source of an image on mobile, it will change the image the image for all views. If you style the image on mobile, such as changing the height or width, those changes will only affect the mobile view.

Cheers,
Dave


#4

Hi Dave:

I too am having difficulty with STYLING images in Mobile: when I change the image HEIGHT and WIDTH in Mobile, the size change cascades up through to Desktop.

Please advise.

Regards,

Eric


#5

Hi @Envirock, if you change the image width and height in image settings, this changes it on all views. If you need to style the image differently on different views, assign a class to the image and then style the image class height and width on different viewports. ​I hope this helps. If not, please let me know – I'm happy to assist further! smile

Cheers,
Davet


#6

Hi,

Cyberdave, that is what I did -- assigned a different class to the mobile image, but it still changed on the desktop. I did however, use the desktop class and add another class to that on mobile. Is that the problem?

Julie


#7

Hi @Luccimia, can you let me know which image on your page, which class it is that you are trying to style differently on mobile and desktop? Which page and a screenshot would be really helpful smile Cheers,
Dave


#8

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