Images appear sideways on live website

Design help General
1

HI all,

I hope everyone is safe and well.
For some strange reason,

332a74d9-60ae-4765-b5f1-acda1b721edf
332a74d9-60ae-4765-b5f1-acda1b721edf473×1024 98.5 KB

the second set of images appear sideways on the mobile for the cricket page. any idea why?

https://preview.webflow.com/preview/bavaria-fcc?utm_medium=preview_link&utm_source=designer&utm_content=bavaria-fcc&preview=c2633f87334c0a73982334aa904a6fa5&pageId=610293e9d6dfa18ae07a4e28&workflow=preview

2

Hi @Stelios_Kyriakides, thanks for your reply. This kind of behavior most often happens when the source of the image was a phone and the orientation data of the image is saved to the picture.

When the mobile browser renders the page, it is probably reading that info.

I would recommend to try to create an alternate version of the image outside of Weblfow maybe using some program to open the file on desktop in correct rotation.

Then export as a new file with a new name and if possible, when exporting, choose to not export the “exif” data with the image. Upload to Webflow, then republish.

I hope this helps!

1 Like
3

hi Dave,

Thanks a lot for your help. your suggestion has fix the issue.

Much appreciate your help.

Many thanks,
SK

1 Like