Problem with SGV icons in Internet Explorer

Hello

The SVG icon in Internet Explorer look pretty bad. I tried to follow the steps you post two months ago but I have not being able to fix it:

Your Post:
To fix this problem, you need to open your SVG icons file with some editor like Sublime Text or default system text editor and add height and width attributes to your <svg> tag like it is shown on the screenshot https://gyazo.com/83fd36b0bb9628bb1aed2bd3d5d063c5 Then you will need to reupload your icons in WordPress Dashboard.

In private content, you can find the SVG code so you can help me to modify the code to fix the issue with Internet Explorer.

Thx

Attachments:

You must be logged in to view attached files.

Hi,

We have checked your site in Chrome and Internet Explorer 11 and in both browsers category SVG icons looks normal. Please check the screenshot https://gyazo.com/ecd0d69a23f0c62517fab94891dfce11.

Regards

My Internet explore version is different. Could this cause the issue?

Attachments:

You must be logged in to view attached files.

Hi,

Older IE versions can have issues with displaying SVG images aspect ratio. Please, try to open your icon in the text editor and change all sizing parameters (https://prnt.sc/j9sw8k) from 512 to the real image width 18.

You can also try to add this code snippet to the custom CSS area in Theme Settings to limit the width of the icons via CSS.

.menu-categories-container .woodmart-nav-link > img {
	width: 18px;
	height: 18px;
}

Regards

Hello

The fix worked for navigation menu, icons looks pretty good, however I have SVG display issue in header in shop page (See attachment).

Please your support.

Sorry.

Attached the screenshoot

Attachments:

You must be logged in to view attached files.

Hi,

Try to use this code snippet

.woodmart-product-categories .category-nav-link a img {
	height: 40px;
	width: 40px;
}

Regards

Issue Fixed.

Great support and knowledge, thx guys

You are welcome!

[Author]

Posts