title: Image link is not clickable in responsive view
body: <p>I am using bootstrap in my markup . My mark is simple , it looks like this </p>
  
  <pre><code>   &lt;div class="col-md-5 col-xs-8 col-xs-offset-2  col-md-offset-1 logo"&gt;
          &lt;a href="www.google.com"&gt;
                          &lt;img src="images/new/header_logo.png" alt="Test"/&gt;            
          &lt;/a&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>It works fine in desktop , when I click to the image it takes me to google.com . But it doesn't work on responsive view . In responsive view if I click on the image it does nothing . </p>
  
  <p>I have also tried like this </p>
  
  <pre><code>&lt;div class="col-md-5 col-xs-8 col-xs-offset-2  col-md-offset-1 logo"&gt;
    &lt;a href="www.google.com"&gt;
      &lt;img src=images/new/header_logo.png" alt="Test" usemap="#maptest"/&gt; 
    &lt;/a&gt;
  &lt;/div&gt;
  &lt;map name="maptest"&gt;
    &lt;area shape="rect" coords="0,0,128,128" href="www.google.com" alt="Test"/&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>Also I have checked the following stackoverflow question , it doesn't solve my problem </p>
  
  <p><a href="https://stackoverflow.com/questions/10502045/image-link-on-iphone-is-not-clickable">Image link on iPhone is not clickable</a></p>