SVG Icon Display Issue on Apple Devices”

[akaber]

The SVG icons for the Information Box and Information Box Carousel elements are not displaying on Apple devices, although they work perfectly on desktop devices.

Could you please check this issue for me? I have also attached an error log for reference.

I don’t usually request support, as I can resolve most issues myself, but this appears to be a bug with the new update.

I’ve already gone through the standard troubleshooting steps, such as disabling all plugins except those related to WoodMart, but the issue persists.

• This topic was modified 1 year, 6 months ago by akaber.

Attachments:

You must be logged in to view attached files.

Hello, any update?

Hello,

For SVG images to work properly across all browsers, including iOS devices, they must have both width and height attributes specified in their structure. In your case, some SVG icons were missing the height attribute (screenshot https://xtemos.com/forums/topic/svg-icon-display-issue-on-apple-devices/).

To fix this, specify both width and height values for your SVG images and test again.

As a demonstration, we added the width value for the first-timer icon, and it started displaying correctly on iOS devices (screenshot https://monosnap.com/file/pZGDadgWMZlreGvvLslvkhi3UpdTyV)

Best Regards.

[Author]

Posts