Search code examples
htmlcsswordpresstwitter-bootstrap

svg links not working when inserted in visual composer toggle tag

Here is the link to the page.

Here is the code used to implement

<div class="col-md-6">
    <p class="main-block-title">IDENTITY MANAGEMENT</p>
    &nbsp;    
    <img class="padding-0-20" src="https://salesmate.technobraingroup.com/wp-content/themes/salesmateV1/images/idm_svg_circle edited.svg" />    
</div>
Solution

  • The problem is that when you are using img tag with SVG files, the links are not working.

    The solution is:

    1. Embed the SVG code as is

    https://codepen.io/moshfeu/pen/Ryyrqy

    1. Use an object tag instead of img:

    object {
  width: 200px;
}
    <object data="//salesmate.technobraingroup.com/wp-content/themes/salesmateV1/images/idm_svg_circle edited.svg" />

    Like described in the question make an html svg object also a clickable link