Dynamic CMS images not displaying in Safari

Design help CMS
1

Hey webflowers,

I’m having trouble displaying these dynamic CMS images in Safari. It works all fine in Chrome but it only shows one of the six images in Safari. They’re inside the collection portfolio-images.

Screenshot 2021-05-27 at 01.01.29
Screenshot 2021-05-27 at 01.01.29478×578 30.5 KB

I also tried publishing the site from Safari, but that didn’t help either. I also read up on a couple of similar forum posts but those weren’t really solved either. (Assets not showing or uploading on Safari -- Chrome OK)

Any help is much appreciated :pray:

Staging link: https://5c98ad-2bd965dd7504daa4ac960eec46ab6863.webflow.io/
Read-only link: https://preview.webflow.com/preview/5c98ad-2bd965dd7504daa4ac960eec46ab6863?utm_medium=preview_link&utm_source=designer&utm_content=5c98ad-2bd965dd7504daa4ac960eec46ab6863&preview=31eb45f9dcad0570e678225b5e045f93&workflow=preview

2

I don’t have Safari so I can’t test however there was a post I answered recently with image issues in Safari and the solution was to set the image height for every image to AUTO as described in the below article. The browser will scale the image proportionally automatically. You need to actually set it to auto. If it says auto but is grayed out then it’s not set correctly.

1 Like
3

Thank you, I’ll take a look

1 Like
4

I fixed this by assigning each image an ID, and then giving these ID width and height, I found that When I inspected in safari, the images were taking 0x0 space so I assigned some fixed values to them