title: <div> <a> buttons not working on iPhone
body: <p>We have some buttons that are not responsive on iPhone and Apple touch devices. </p>
  
  <p>They use the following written in VB:</p>
  
  <pre><code>&lt;div class="btn-group admin" data-id="Admin"&gt;
          &lt;a class="custom-open-close" data-toggle="dropdown" href="#"&gt;Admin&lt;/a&gt;
          &lt;ul class="custom-dropdown-menu"&gt;
              &lt;li&gt;&lt;%: Html.ActionLink("page 1", "page 1", "model")%&gt;&lt;/li&gt;
              &lt;li&gt;&lt;%: Html.ActionLink("page 2", "page 2", "Model")%&gt;&lt;/li&gt;
              &lt;li class="divider-line"&gt;&lt;/li&gt;                
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Firstly, I have found this is awesomefont plugin, that a colleague who left had customised. I thought that changing  to  would resolve the matter, and it did resolve for iPhones. However, it broke the dropdowns on IE.</p>
  
  <p>Two questions:
  1, Is this the correct way to have a drop down? I cannot find the source of any classes
  2, Is there a way to check the browser and load the page either div or button?</p>
  
  <p>Or is there something I have done wrong?</p>