title: How to stop div blocking a class
body: <p>My page <a href="http://4309.co.uk" rel="nofollow noreferrer">here</a> is selecting the div element each time it's touched on mobile.</p>
  
  <p>None of <code>a class</code> elements are working either and not sure why.</p>
  
  <p>So I have:</p>
  
  <pre><code>&lt;div class="designn"&gt;&lt;a  
  href="https://adsler.co.uk"&gt;
  design&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Which isn't working as a button/link.</p>
  
  <p>So it seems there may be a relationship to being able to select individual div elements by touch and not being able to select "
  <code>a</code>. When I try to select <code>a</code>, the screen just selects a div element instead, highlighting it and prompting a search bar which asks if I want to copy / past /web search etc. </p>
  
  <p>I want the <code>a href</code>to work properly and for my screen to stop selecting div element. </p>
  
  <p>It seems that the div block is covering the a class. How to stop that? </p>
  
  <p>Css:</p>
  
  <pre><code>.d {font-size: 610px; position: relative; bottom: 750px; 
  right: 170px; color: #e6f7ff;}
  
  .e {font-size: 500px; position: relative; bottom: 700px; left: 
  100px; color: red; opacity: 0.2}
  
  .s {font-size: 610px; position: relative; bottom: 400px; left: 
  5px; color: #e6f7ff;}
  
  .i {font-size: 500px; position: relative; bottom: 400px; left: 
  200px; color: red; opacity: 0.2}
  
  .g {font-size: 610px; position: relative; bottom: 150px; 
  right: 170px; color: #e6f7ff;}
  
  .n {font-size: 500px; position: relative; bottom: 150px; left: 
  100px; color: red; opacity: 0.2}
  
  .designn {color: black; font-size: 12px;} 
  </code></pre>
  
  <p>So this html:</p>
  
  <pre><code>&lt;div class="d"&gt;d&lt;/div&gt;
  &lt;div class="e"&gt;e&lt;/div&gt;
  &lt;div class="s"&gt;s&lt;/div&gt;
  &lt;div class="i"&gt;i&lt;/div&gt;
  &lt;div class="g"&gt;g&lt;/div&gt;
  &lt;div class="n"&gt;n&lt;/div&gt;
  </code></pre>
  
  <p>Is covering and blocking selection of this a class html:</p>
  
  <pre><code>&lt;div class="designn"&gt;&lt;a 
  href="https://adsler.co.uk"&gt;design&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In layman's terms, the letters <code>DESIGN</code> seem to be stopping me being able to click on the links on the homepage. </p>