SVG icons becomes original size some times

  • Resolved dreamzspl

    (@dreamzspl)


    5 years, 8 months ago

    Hi,

    My svg icons dimension is 150×150. It used to be showing as 35×35 small (contained) but recently it seems to revert to 150×150 and i have to clear all my cache before see it contained again as 35×35. I have been doing this quite a few times.

    Here’s a screen record. https://www.useloom.com/share/1471c502e8cd4382be028590de783d6a

    May i know what can be done about this?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor Daryll Doyle

    (@enshrined)

    Hi @dreamzspl, Sorry for delay in getting back to you!

    I’m not too sure what would be causing this issue. I’m guessing the SVG sizes are breaking out of the container that you’ve got. I would suggest maybe adding a max-width of 100% to all SVG images, which will hopefully help.

    Something along the lines of:

    img[src$=".svg"] { max-width: 100%; width: 100%; height: auto; }

    Please feel free to re-open this issue if you’re still seeing the issue.

    Cheers,
    Daryll

Viewing 1 replies (of 1 total)
  • The topic ‘SVG icons becomes original size some times’ is closed to new replies.