title: How to disable a href when media query detects specific browser size
body: <p>I have a responsive grid with 20 images that when touched or clicked open a larger, full-sized corresponding image in a slideshow.</p>
  
  <p>However:</p>
  
  <p>I need to disable that link to the slideshow on mobile only (&lt;=480).</p>
  
  <p>Here is how it works:</p>
  
  <pre><code>&lt;div class="box"&gt;
    &lt;div class="boxInner"&gt;
      &lt;a href="slideshow_illustration.html?er_col=0"/&gt;&lt;img src="_assets/grid_illustration/geisha.jpg"&gt;
      &lt;div class="titleBox"&gt;Geisha&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please know: I'm just a photographer/artist struggling to build a responsive personal site, so you will have to talk to me like I'm 10 years old.</p>
  
  <p>Thanks in advance for any time and patience.</p>