SVG image not loading on smartphones unless cached

Viewed 118

I have a header SVG image on my website landing page, https://www.csselectronics.com/.

This header image displays correctly on all desktop browser I've tested. However, I've recently found that it sometimes does not display at all when using a smartphone (e.g. iPhone 10, iPhone 11, Android phones).

The image simply is not loaded, though if a manual refresh is done on the page it seems to load correctly. The non-loading can then be re-triggered by clearing the image cache on the phone.

Any idea what might cause this issue?

1 Answers

This was the result of using negative margins on the image div container.

Related