title: Links not working on Mobile Safari
body: <p>I'm trying to code a simple page jump. The red button on this page supposed to jump the page down to the next section. It seems to work EVERYWHERE but on the Safari browser, on mobile. Safari on Desktop is fine. I've tried a simple anchor tag, and java script to set the link and none are working. I've even tried linking to an external page to see if it was just the link to the ID, and the external link did not work either. At this point, I'm at a complete loss. Below is the CSS, Javascript, and HTML. I'm using Visual Composer inside of Wordpress to create the site, but it's almost all "Raw HTML" elements.</p>
  
  <p>Here's the page: <a href="http://thirteenthfloor.com/presale/13thfloordenver/" rel="nofollow noreferrer">http://thirteenthfloor.com/presale/13thfloordenver/</a></p>
  
  <p>..help</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span 
    class="pseudolink" 
    onclick="location='http://thirteenthfloor.com/presale/13thfloordenver/#sales'"&gt;
  &lt;div class="buybutton"&gt;BUY TICKETS NOW&lt;/div&gt;
  &lt;/span&gt;
  
  &lt;!--OR--&gt;
  
  &lt;a href="#sales"&gt;&lt;div class="buybutton"&gt;BUY TICKETS NOW&lt;/div&gt;&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.buybutton {
      border-radius: 10px;
      background: linear-gradient(#be0000, #970000);
      width: 275px;
      padding: 18px;
      color: #fff;
      text-align: center;
      font-family: sans-serif;
      font-size: 20px;
      font-weight: bold;
      margin: 25px auto 0px auto;
      box-shadow: 0px 5px 10px #000;
  }
  .buybutton a{
      color: #fff;
  }
  .buybutton:hover {
      background: linear-gradient(#df0000, #cc0000);
      cursor: pointer;
      /**box-shadow: 0px 5px 10px #000000;**/
  }</code></pre>
  </div>
  </div>
  </p>