ICON MIS-SIZE SVG INTERNET EXPLORER IE EXPLORER 11.

Hi SVG Icons in the Menue or other places are not showing right dimmension with Internet Explorer 11.

FIREFOX and GOOGLE CHROME OK!

Attachments:

You must be logged in to view attached files.

Hi,

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.

Regards

ok will try it thanks

You are welcome.

So i tried it

https://cosmeticbag.de/wp-content/uploads/2018/09/Anti-Aging.svg

but no changes

https://cosmeticbag.de/beauty/anti-aging/

Try to do this with all your icons there.

its not the same icon if i do this. this code is cropping the icon. and its complexe to do it too. an other way?

Are u sure thats the code?
if i change width is cropping and not resizing

<?xml version="1.0"?>
<svg width="120" height="120"
viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100"/>
</svg>

All SVG icons should have width and height attributes. Otherwise, they will not work in IE.

I resized all. The second problem is the placement. Its different as Mozilla or Chrome!
Please tell me fix. And why not fixed onside before. ITs much work!

We checked them but don’t see these attributes added. Here is an example https://cosmeticbag.de/wp-content/uploads/2018/09/Gesichtspflege-1.

https://gyazo.com/392bb66cc96a67550f24c9189e2eba79

[Author]

Posts