Home Forums WoodMart support forum ICON MIS-SIZE SVG INTERNET EXPLORER IE EXPLORER 11.

ICON MIS-SIZE SVG INTERNET EXPLORER IE EXPLORER 11.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #79234

    Cero
    Participant

    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.
    #79248

    Artem Temos
    Keymaster

    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

    #79262

    Cero
    Participant

    ok will try it thanks

    #79271

    Artem Temos
    Keymaster

    You are welcome.

    #79273

    Cero
    Participant
    #79275

    Artem Temos
    Keymaster

    Try to do this with all your icons there.

    #79293

    Cero
    Participant

    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?

    #79299

    Cero
    Participant

    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>
    #79307

    Artem Temos
    Keymaster

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

    #79332

    Cero
    Participant

    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!

    #79336

    Artem Temos
    Keymaster

    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

Viewing 11 posts - 1 through 11 (of 11 total)